Jump to content

when language folder is selected the dropdown menu visible the entire time while in that folder

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.dr-nemo.si/home

Our website is made in 3 languages, each language is a different folder and so it has its own dropdown menu. I would like to modify the dropdown menus so that the appropriate menu is always visible while you are within its folder (for instance when you're looking at the pages in the English folder the English menu is always fully (extended) visible for easier navigation). And secondly I'd like to transform the drop down menu so the subpages of the folder display side by side in the menu and not one below the other.

Are either of these things possible? and if yes how could I achieve them? 

Link to comment
  • Solution

Hi,

If you need to create 3 languages site, no need to create 3 dropdowns, you can consider using this guide. https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template

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!)

Link to comment
On 9/27/2021 at 6:49 PM, Dr-Nemo said:

Thank you. It worked. Now I just need to figure out how to easily distribute the page titles in the header to both sides of the logo.

It looks like you figured it out.

When pressing the switch language button, all items appear for 1s and then disappear. Do you need to fix this?

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!)

Link to comment
On 9/29/2021 at 9:32 AM, tuanphan said:

It looks like you figured it out.

When pressing the switch language button, all items appear for 1s and then disappear. Do you need to fix this?

Yes, is there an easy way to fix it? 

I'm also looking into trying to set the language switch button as part of the overall header so it remains visible while scrolling down.

Edited by Dr-Nemo
Link to comment
On 9/30/2021 at 5:26 PM, Dr-Nemo said:

Yes, is there an easy way to fix it? 

I'm also looking into trying to set the language switch button as part of the overall header so it remains visible while scrolling down.

#1. Try adding this to Design > Custom CSS

/* Nav links flash */
.header-nav-list {
  visibility: hidden;
}
.header-nav-list .multilanguage {
  visibility: visible;
}

#2. Like this site? https://www.hiretrainretain.com/

The site also uses above guide

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!)

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.