Jump to content

Hiding folder on mobile menu

Recommended Posts

Site URL: https://www.lagunastella.com/

Hi all. I created 2 language selections using below codes for each page's code injection:

#header .header-nav-item:nth-child(4) {display:none} 

And, it works well for Desktop. Then I inserted below code for the page's code injection to let it hide the same folder item in Mobile version:

@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}}

But, Mobile menu, it is also hiding the 4th item under first folder which I believe the code is hiding all 4th item regardless of 4th folder or 4th menu item under first folder. 

Is there any suitable code to used instead of using nth-child or any suggestion/help, please! 

The URL https://www.lagunastella.com/ is locked for public; for the sake of your advice: pass is 11 

Thank you in advance!

Link to comment
  • Replies 3
  • Views 606
  • Created
  • Last Reply
  • 2 weeks later...
On 12/6/2020 at 5:48 AM, GRIMTE said:

If you have a solution to this, I have the same problem. When I hide the 2nd item in the menu, it also hides the second element of the folder.


Thank you!

Can you share site url? We can check easier

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


This topic is now archived and is closed to further replies.

  • 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.