Mega Menu Width

coltrucker · July 2017

Hi, on my website I've created mega menus for my submenus because I had too many items for one column. So I've broken them into two columns. The problem I have now is the mega menus are too wide, they are the full width of the screen.

I would like for them to be only as wide as a normal submenu column. Thankyou

Here's a link to my website: http://voixly.com/

Bryan · July 2017

Hi,
you can try this custom css

#Top_bar .menu > li > ul.mfn-megamenu {
	width: 70% !important;
	margin-left: 15%;
}

thanks

coltrucker · August 2017

Hi, this solution is close to what I need. The problem is the submenu is not aligned to the header menu item. So I can't get to the submenu because it is not aligned. Here's a screenshot of what I mean: https://voixly.com/wp-content/uploads/2017/08/Screen-Shot-2017-08-09-at-11.47.13-AM.png

Bryan · August 2017

Sorry but this is not doable with this item, this is why it was 100% wide.

8thirteenmedia · May 2018

It is possible.

/*megamenu*/

#Top_bar .menu > li > ul.mfn-megamenu {

width: 40% !important;

}

.menuo-right #Top_bar .menu > li > ul.mfn-megamenu {

left: auto;

right: auto !important;

}

Mega Menu Width

Comments

This website uses cookies