Chrstine

I already send you an email please do help me out. Thank you so much!

Yes please I need some help.

Hi Josh, for clarification am I going to change the this code @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(1){ display:none } To this code? @media (max-width:1024px) { #header .header-menu-nav-folder:not([data-folder="root"]) .header-menu-nav-item { display: block; } }

So I will not be using this code? <style> #header .header-nav-item:nth-child(1){ Display:none } #header .header-nav-item:nth-child(2){ Display:none } #header .header-nav-item:nth-child(3){ Display:none } #header .header-nav-item:nth-child(4){ Display:none } #header .header-nav-item:nth-child(5){ Display:none } #header .header-nav-item:nth-child(6){ Display:none } #header .header-nav-item:nth-child(7){ Display:none } </style> <style> @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(1){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(2){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(3){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(4){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(5){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(6){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(7){ display:none } </style>

Is this for the mobile view?

It's still not showing in phone view

s Can you give me the exact code to be put in? I tried to follow the code that you have given and it's not working.

This code is in english page

Yes I am using this code to other pages and it's working. Only in this page "Devenir mon moi authentique" that it's not working. I also added this code for mobile in other pages and it's working. <style> #header .header-nav-item:nth-child(8){ Display:none } #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 } #header .header-nav-item:nth-child(14){ Display:none } </style> <style> @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(8){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(9){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(10){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(11){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(12){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(13){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(14){ display:none } </style>

Site URL: https://www.joannebasilieres.com/ Good day! Jut want to ask for assistance for the tech problem that I am experiencing now. My client wants to create a bilingual website which I already created one, but the thing is when I view it in the mobile view there are some pages that are not showing in the screen specifically this page "Devenir mon moi authentique" Please do help me out. Thank you so much!