Mega Menu Width

coltrucker

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

Hi,
you can try this custom css

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

coltrucker

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

8thirteenmedia

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;

}