Chrstine
-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Chrstine
-
-
10 hours ago, tuanphan said:
Do you still need help?
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
On 10/1/2022 at 4:54 PM, joseph81 said:So I'm not sure why are those css rules applied but it affects 2nd level navigation also. You could override those rules on 2nd level navs like this:
.header-menu-nav-folder:not(data-folder="root"] .header-menu-nav-item { display: block!important; }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.
-
Just now, Chrstine said:
And this is in French pages
<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> -
8 minutes ago, Chrstine said:
<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>This code is in english page
-
1 hour ago, joseph81 said:
Does this code look familiar to you? Is it from your custom css?
#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 }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!
Mobile View
in Customize with code
Posted
I already send you an email please do help me out. Thank you so much!