Mega Menu Width Class Redundant?
Hi, I was trying to adjust the width of the overall mega menu by applying the following custom CSS:
#Top_bar #menu ul > li > ul.mfn-megamenu{
width: 50% !important;
}
However, the 50% width will also apply to the second UL within the first level of ul.mfn-megamenu.
I find that both levels of ULs are having same css class names. How can I apply the adjusted width only to the first level of UL?
http://imgur.com/a/Oyugt
http://imgur.com/NqVtxrO
#Top_bar #menu ul > li > ul.mfn-megamenu{
width: 50% !important;
}
However, the 50% width will also apply to the second UL within the first level of ul.mfn-megamenu.
I find that both levels of ULs are having same css class names. How can I apply the adjusted width only to the first level of UL?
http://imgur.com/a/Oyugt
http://imgur.com/NqVtxrO
Comments
#menu ul.sub-menu {width:50% !important;
}
#menu ul.sub-menu li ul {
width:100% !important;
}