Thanks for the great tutorial! I’m trying to hide specific navigation items on my Squarespace site for multilingual propos3s, https://www.matizgallery.com/ and I’ve successfully managed to do it on the desktop version with this code:
However, this doesn’t work for the mobile version of the site. I’ve tried inspecting the mobile navigation structure and using different classes (like .header-menu-nav-folder), but it’s still not working.
Do you have any advice on how to properly target and hide these navigation items specifically for mobile? I’d really appreciate any guidance!
Hi Carl!
Thanks for the great tutorial! I’m trying to hide specific navigation items on my Squarespace site for multilingual propos3s, https://www.matizgallery.com/ and I’ve successfully managed to do it on the desktop version with this code:
html
Copy code
<style>
#header .header-nav-item:nth-child(9) { display: none; }
#header .header-nav-item:nth-child(10) { display: none; }
#header .header-nav-item:nth-child(11) { display: none; }
#header .header-nav-item:nth-child(12) { display: none; }
#header .header-nav-item:nth-child(13) { display: none; }
</style>
However, this doesn’t work for the mobile version of the site. I’ve tried inspecting the mobile navigation structure and using different classes (like .header-menu-nav-folder), but it’s still not working.
Do you have any advice on how to properly target and hide these navigation items specifically for mobile? I’d really appreciate any guidance!
Hi Carl, is there any way I can make the menu on the right side of the screen only, without the logo overlapping the menu?
Should be doable. If you send me an email to hello@carljohnson.space I'll take a look for you.