Displaying links on mobile that are hidden by code used on the desktop version

Site URL: https://gc5.squarespace.com

Hi Everyone:

the website: https://gc5.squarespace.com

I used the code below to create the different navigation for the website in English and Portuguese:

.header-nav-list>.header-nav-item:nth-child(even) {
    display: none;
}
.header-menu-nav-folder-content>.header-menu-nav-item:nth-child(even) {
    display: none;
}

The problem is that I can find a solution for the code not to be applied for folders in the mobile version.

Any ideas?

5 hours ago, diegomoura said:

Site URL: https://gc5.squarespace.com

Hi Everyone:

the website: https://gc5.squarespace.com

I used the code below to create the different navigation for the website in English and Portuguese:

.header-nav-list>.header-nav-item:nth-child(even) {
    display: none;
}
.header-menu-nav-folder-content>.header-menu-nav-item:nth-child(even) {
    display: none;
}

The problem is that I can find a solution for the code not to be applied for folders in the mobile version.

 

Any ideas?

I saw you already solve it right?

Hi:

Sorry, I should have been much more specific.

The links that are missing, are the ones inside the folder "Sobre GC5" or "About GC5 in the English version.

I attached the piece of the code where you can see I'm talking about.

Thank you very much! It works perfectly.

I was thinking of a way to reference the data-folder, but never used [ ] with CSS before. Going to research it!

Just now, diegomoura said:

Thank you very much! It works perfectly.

I was thinking of a way to reference the data-folder, but never used [ ] with CSS before. Going to research it!

Glad it helps, you can mark it solved to help other people

Here is reference site of the css3 selector

https://www.w3schools.com/cssref/css_selectors.asp

Hello,

I have the same problem on my site. But can't really fix it, with the script that has been shared (maybe I'm not using it well). The website is this one: https://anneclairemeret.com/

I have folder called "Coaching" it lists two pages. The first page is not appearing on Mobile. 

Any idea on how to solve this? 

1 hour ago, Christian_kas said:

Hello,

I have the same problem on my site. But can't really fix it, with the script that has been shared (maybe I'm not using it well). The website is this one: https://anneclairemeret.com/

I have folder called "Coaching" it lists two pages. The first page is not appearing on Mobile. 

Any idea on how to solve this? 

You can try adding to Home > Design > Custom Css

@media screen and (max-width: 1024px) {
  #header
    .header-menu-nav-folder:not([data-folder="root"])
    .header-menu-nav-item {
    display: block;
  }
}

Let me know how it works on your site

@bangank36

yea! Finally. 

Thank you very much! 

12 minutes ago, Christian_kas said:

@bangank36

yea! Finally. 

Thank you very much! 

It's good to know, bro!