Dr-Nemo Posted September 21, 2021 Share Posted September 21, 2021 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 tuanphan Posted September 24, 2021 Solution Share Posted September 24, 2021 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
Dr-Nemo Posted September 27, 2021 Author Share Posted September 27, 2021 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. Link to comment
tuanphan Posted September 29, 2021 Share Posted September 29, 2021 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
Dr-Nemo Posted September 30, 2021 Author Share Posted September 30, 2021 (edited) 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 September 30, 2021 by Dr-Nemo Link to comment
tuanphan Posted October 3, 2021 Share Posted October 3, 2021 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
Dr-Nemo Posted October 4, 2021 Author Share Posted October 4, 2021 23 hours ago, tuanphan said: #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 #1. Thanks that fixed it. #2. Yes like that. Link to comment
tuanphan Posted October 6, 2021 Share Posted October 6, 2021 On 10/4/2021 at 2:12 PM, Dr-Nemo said: #1. Thanks that fixed it. #2. Yes like that. Add to Design > custom CSS .language { position: fixed !important; } 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
Dr-Nemo Posted October 6, 2021 Author Share Posted October 6, 2021 48 minutes ago, tuanphan said: Add to Design > custom CSS .language { position: fixed !important; } Thank you. It worked. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment