CMS Development

HShea
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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 Akzeptierte Lösung
HShea
Lösung
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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!

Lösung in ursprünglichem Beitrag anzeigen

7 Antworten
natsumimori
Community-Manager/-in
Community-Manager/-in

Language Switcher Issue on Landing Page

lösung

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 !

HShea
Lösung
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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!

HShea
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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

 

 

LucBenayoun
Teilnehmer/-in

Language Switcher Issue on Landing Page

lösung

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

natsumimori
Community-Manager/-in
Community-Manager/-in

Language Switcher Issue on Landing Page

lösung

Hi @HShea , thank you for your post.

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

0 Upvotes
webdew
Ratgeber/-in | Diamond Partner
Ratgeber/-in | Diamond Partner

Language Switcher Issue on Landing Page

lösung

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