CMS Development

HShea
Participante

Language Switcher Issue on Landing Page

resolver

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 Avaliação positiva
1 Solução aceita
HShea
Solução
Participante

Language Switcher Issue on Landing Page

resolver

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!

Exibir solução no post original

7 Respostas 7
natsumimori
Gerente da Comunidade
Gerente da Comunidade

Language Switcher Issue on Landing Page

resolver

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
Solução
Participante

Language Switcher Issue on Landing Page

resolver

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
Participante

Language Switcher Issue on Landing Page

resolver

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
Participante

Language Switcher Issue on Landing Page

resolver

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
Participante

Language Switcher Issue on Landing Page

resolver

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
Gerente da Comunidade
Gerente da Comunidade

Language Switcher Issue on Landing Page

resolver

Hi @HShea , thank you for your post.

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

0 Avaliação positiva
webdew
Orientador(a) | Parceiro Diamante
Orientador(a) | Parceiro Diamante

Language Switcher Issue on Landing Page

resolver

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