Jump to content

Change position of Language switcher

Go to solution Solved by Bloqueria,

Recommended Posts

Posted

Hi,

I want to change the position of my language switcher (I use weglot).

Even though on desktop it looks fine, on mobile, you can't really see it since it overlaps with a bar and a live chat button. 

There is a lot of space so i would like to move it to the top of the menu or at least closer to the navigation items.

In the screenshot attached the language is behind the bar at the bottom.

Thanks!

www.bloqueria.com

WhatsApp Image 2023-07-04 at 21.39.41.jpeg

Posted

How about hide this mobile info bar (call, map...) when overlay menu is open?

If you want to move language switcher up only, try adding this to Design > Custom CSS

/* Mobile WeGlot Up */
.header-menu-actions.language-picker.language-picker-mobile {
    position: relative;
    top: -200px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • Solution
Posted

Weglot fixed it by adding the following code. It now appears above the social linksÑ

.header-menu-actions.language-picker.language-picker-mobile {
    top: -141px!important;
    position: relative!important;
}

Thanks for your help!

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.