wilfie_8282 Posted September 5, 2023 Share Posted September 5, 2023 Hello! I have built a bilingual website (Traditional Chinese - English) following the tutorial by Brad Good, it seems to be working fine. The only problem I am facing now is that the language switcher (top right corner) does look a bit strange as it floats in the air and is not within the navigation menu. Is there a way to include it as one of the element in navigation menu (for both desktop and mobile)? Thank you! My site:https://caper-grouse-df3p.squarespace.com/ pw: goodgood Link to comment
tuanphan Posted September 7, 2023 Share Posted September 7, 2023 Hi, Move to 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
wilfie_8282 Posted September 10, 2023 Author Share Posted September 10, 2023 On 9/7/2023 at 3:32 PM, tuanphan said: Hi, Move to this? Yes, right! And also in Desktop version Link to comment
tuanphan Posted September 13, 2023 Share Posted September 13, 2023 In your Code Injection code, find this code change it to /* SETUP LANGUAGE SWITCHER */ $('.header-nav-wrapper').prepend('<div class="language"><a href="/zh/home" class="lang-zh"><span style="font-size:12pt;">繁</span></a> <a href="/en/home/" class="lang-en"><span style="font-size:12pt;">En</span></a></div>'); then add this to Website > Website Tools > Custom CSS /* Desktop Language Position */ .language { position: static !important; margin-left: 2.5vw; } .header-nav-wrapper { display: flex; flex-direction: row-reverse; align-items: center; } 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
sbee79 Posted May 17 Share Posted May 17 Hi! I followed the same steps as @wilfie_8282 and successfully edited the language switcher (fr/en) on the desktop menu. the issue I have is that the language switcher is not appearing at all on the mobile site. Ideally I would like to have it within the hamburger menu (see photos) site: https://red-lily-hn45.squarespace.com/fr/accueil pass: tuan I've already reached out to @tuanphan but if anyone else can help that would be great! merci! 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