Adjust Menu Width

By default the menu will fill 100% of the width dictated by your theme. In general we advise against using the option below, instead you should adjust the width of the container that the menu sits inside. This would require editing your theme CSS.

To change the width of your menu you can add the following CSS to your menu theme by going to Mega Menu > Menu Themes, and scroll down to CSS Editor.

Important: If you must use this option (instead of adjusting your theme CSS), make sure you use “max-width” and not “width” to ensure the menu remains responsive.

Before:

adjust-menu-width-before

After:

adjust-menu-width-after

Related Articles