Language Switcher Issue on Landing Page

SOLVE
HShea
Participant

Hi there!

 

I'm creating a landing page which I'd like to feature the language switcher, but it's not appearing how I would like. I'm not a developer and not great with CSS (as I'm sure you can tell), is anyone able to share what I need to add/change in the template files to fix this? 

 

How it looks now:

HShea_1-1622806070125.png

 

How I would like it to look:

HShea_0-1622805954776.png

 

As you can see, it's not quite there yet...

 

Any help would be much appreciated!

 

 

Note: I referred to this post to add the 'Language' text next to the globe icon: 

https://community.hubspot.com/t5/CMS-Development/Language-switcher-style/m-p/202125 

0 Upvotes
1 Accepted solution

Accepted Solutions
HShea
Solution
Participant

Hi @LucBenayoun 

 

Thanks for the reply. I figured out what was causing the issue - it was a 'word-break' item in the body.css file, so this is now fixed!

View solution in original post

7 Replies 7
natsumimori
Community Manager

Hi @HShea , thank you for your post.

@webdew and @LucBenayoun , would you mind sharing your advice fore @HShea ?

0 Upvotes
webdew
Top Contributor | Diamond Partner

 @natsumimori Thank you for tagging.

@HShea ,

If you are is using the custom build template then you can style the switcher. You can use some JS or Jquery to change text and appearance, or use CSS with !important tags to override the HubSpot styles. 

Or if you can share the link of your template, we can guide you further.

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

LucBenayoun
Participant

Hello @HShea

 

@natsumimori thanks for the tag 🙂 

 

@HShea can you provide us your page URL so we can take a closer look at your code please ? 

 

Best, 

Luc

HShea
Participant

Hi @webdew and @LucBenayoun ,

 

Thanks for your help. I'm using the HubSpot landing-page.html template, but I cloned the theme in order to customise.

The page URL is https://resources.3dmatrix.com/signature

 

Many thanks!

LucBenayoun
Participant

Hi @HShea

 

When I go to your page, it seems to be working 🙂 Maybe I didn't understand your issue, so please don't hesitate to specify on which browser, resolution or device you're seing this issue. 

 

Capture d’écran 2021-06-09 à 09.42.47.png

 

Best, 

Luc

 

 

HShea
Solution
Participant

Hi @LucBenayoun 

 

Thanks for the reply. I figured out what was causing the issue - it was a 'word-break' item in the body.css file, so this is now fixed!

View solution in original post

natsumimori
Community Manager

Thank you for the follow up @HShea . It's great that you shared what was causing the issue, so that the other Community members can learn from this thread:)

Thank you for your input @webdew and @LucBenayoun !