Language Switcher Issue on Landing Page

[HShea]

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:

How I would like it to look:

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 

[natsumimori]

Hi @HShea , thank you for your post.

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

[webdew]

 @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]

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]

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]

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. 

Best, 

Luc

[HShea · Accepted solution]

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!

[natsumimori]

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 !