Jump to content

Hi, I need help, I want to change the position of the language switcher element in the Header of my website.

Go to solution Solved by SaranyaDesigns,

Recommended Posts

  • Solution

Try adding this to custom CSS:

.header-actions .language-picker {
	order: 1;
}
.header-actions .user-accounts-link {
	order: 2;
}
.header-actions .showOnDesktop {
	order: 3;
}

You should check the order in mobile is still the way you want it after you apply this as well, otherwise you may want to add @media (min-width) parameters as well.

Edited by SaranyaDesigns
Link to comment
27 minutes ago, SaranyaDesigns said:

Try adding this to custom CSS:

.header-actions .language-picker {
	order: 1;
}
.header-actions .user-accounts-link {
	order: 2;
}
.header-actions .showOnDesktop {
	order: 3;
}

You should check the order in mobile is still the way you want it after you apply this as well, otherwise you may want to add @media (min-width) parameters as well.

Thank you so much, it worked!

Link to comment

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.