I am new to Enfold, and am still learning CSS, however I am struggling with getting the LHS navigation styled correctly.
I would like to indent each level a little, and have a bullet for level two and a “-” for level 3 (not circle). Level one stretches the whole width of the sidebar, however level two and three do not stretch the whole width of the sidebar and have a “.” on the RHS of each menu item.
Also this does not work in IE or Firefox, but sort of looks OK in chrome and Ipad.
Am trying to do everything with Enfold (Excellent), without using any menu plugins
Have attached CSS and site name.
Your help would be much appreciated.
Hey Denis!
Try adding this code to the Quick CSS:
#top .widget_nav_menu ul ul li:before{
content: "" !important;
}
Cheers!
Josue