Hi
I use enfold and love it, but have an issue with the nested_nav
I have an menu, where one of the main menupoints is “Jobs”. Under this one I have “Financial Business Analyst” (as a child) and this one again has “Junior web udvikler”
Like this
Jobs
-Financial Business Analyst
–Junior web udvikler
My issue is that in the nested_nav it does not show that “Junior web udvikler” is a child child – it is on the same level as its parent.
And I dont see any css I can style. When I try to add some css to the item in the menu builder, it only shows in the drop down menu.
So how to add css to the nested_nav menu in the side bar for a childchild?
Hi,
Can you post the link to your website please?
Regards,
Josue
Got it – sorry.
But can you tell me how to disable the drop down on the menu, but still keep it in the responsive mode so I there dont loose all the subpages
Hey!
Try adding this code to the Quick CSS:
.sub-menu{
display: none !important;
}
Cheers!
Josue
Well as I wrote, if I do this it also removes all the subpage from the responsive menu, and I don’t want that.
Because then there will be no way for people in responsive mode to enter subpages. They will have the option in normal mode, since there is a submenu in the sidebar, but that is gone in responsive mode.
So how to ONLY remove dropdown menu in normal mode but keep all pages in the list in responsive mode.
Hi!
If I understand you correctly, you can replace the code with this on Quick CSS to hide the subpages on desktop view:
@media only screen and (min-width: 768px) {
.sub-menu{
display: none !important;
}
}
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.sub-menu{
display: block;
}
}
Regards,
Ismael