Using the CSS below I was able to style the header and second-level navigation:
header#top nav >ul >li.megamenu >ul.sub-menu{ }
body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a{ font-size:20px !important; font-family: Unica One; text-transform:uppercase; }
However, I'd like to be able to add a third-level under Individual Tax, listing three sub-pages. I'd like the third level to have the same blue background when hover, but be indented some pixels and be a smaller font. When I added the third level in my menu, it screws up the second level (Individual Tax) CSS.
In my example, TAX is the first level header, Individual Tax would be my second level header, and another page would be my third level.
I had already seen that thread. Was looking to nest the third level item under the second level and apply CSS. I found a workaround, where I don't nest them in the menus but instead just apply a different CSS to the third level items to make them look nested in display mode. On the backend, they just look like a single column of menu items. Not optimal but gets me where I need to be for now.
Using the CSS below I was able to style the header and second-level navigation:
header#top nav >ul >li.megamenu >ul.sub-menu{
}
body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a{
font-size:20px !important;
font-family: Unica One;
text-transform:uppercase;
}
However, I'd like to be able to add a third-level under Individual Tax, listing three sub-pages. I'd like the third level to have the same blue background when hover, but be indented some pixels and be a smaller font. When I added the third level in my menu, it screws up the second level (Individual Tax) CSS.
In my example, TAX is the first level header, Individual Tax would be my second level header, and another page would be my third level.
TAX
Individual Tax
Private Client Services
Corporate Tax
XXXXX
Hey ,
Please see the available Megamenu Styling options : http://themenectar.com/docs/salient/mega-menu/ and add in the menus you want so i can then style it using custom css.
Best
ThemeNectar Support Team
I had already seen that thread. Was looking to nest the third level item under the second level and apply CSS. I found a workaround, where I don't nest them in the menus but instead just apply a different CSS to the third level items to make them look nested in display mode. On the backend, they just look like a single column of menu items. Not optimal but gets me where I need to be for now.