Jump to content

Specific language switcher position on mobile

Recommended Posts

Good evening folks!
Is there any good soul willing to help me with this? 🙂

I have manually created a multilingual website using Brad's guide, but I can't find a way to set the proper position for the language switcher on mobile.
Here is the CSS code i've added for the desktop version in order to place it next to the shopping cart (don't even know if it's correct :'D ) 

.language {
  color: #ED5A62;
  position: absolute;
  top: 45px;
  right: 80px;
  z-index: 99999;
  a {
    color: #ED5A62;
    &:hover {
      opacity: 0.8;

However it gets messy on mobile.
Is there any way I can only make it visible when the hamburger menu is clicked (above or below the navigation links)?
Or at least place it in a better position?
website: www.cluegovisit.com

Thank you in advance for your time!

Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.