Jump to content

Sub-menu of burger menu

Recommended Posts

Hi everyone 

I have created multilingual website by creating a folder called "ENG/DE" and I putted in there paged called "English" and "Deutsch" which is showing as a drop down menu. Then I put e css code in advanced section of each page (English and Deutsch) to hide navigation titles of opposite language. here you can see the code. 


  /* Hide the first 7 navigation titles on the first page */
@media screen and (max-width: 1024px) {
  #header .header-menu-nav-item:nth-child(-n+7) {
    display: none;
It working very good, but I have a problem, in Deutsch page's mobile version along with first 7 navigation titles it's also hiding sub-menu pages "back ", "English" and "Deutsch" because they are first 3 pages of sub-menu.

Question: How can I customize the code to hide navigation titles from only the first page of burger menu but don't touch or don't affect in any ways the sub -menu?

Thank you so much  

Edited by livayan
Link to comment
  • livayan changed the title to Sub-menu of burger menu
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.