Submenu width

mcilsamoa · July 2017

Hello, with the theme's mega menu activated, the sub-menu fills the entire width of
the browser - how can said width be decreased? I understand may need to reduce submenu items' font size, but first to reduce width please.
Heres link: newsitemcil

Bryan · July 2017

Hi,

you can control the width with this css

@media only screen and (min-width: 1240px) {
.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {
    width: 80% !important;
}}

mcilsamoa · July 2017

Many thanks for this. Just one more thing please - how can sub-menu be center-aligned.

Bryan · July 2017

Add :

margin-left:10% !important;

to the css I gave you. The amount of margin differs on how much width does it have, so for example:

80% width will be 100% - 80% = 20% / 2 = 10%

mcilsamoa · July 2017

Many thanks, got it.

Submenu width

Comments