How to change the width of an individual sub menu

Under Mega Menu > Menu Themes, you can define a global width for all of your sub menus.

It is also possible to change the width of an individual sub menu using Custom Item Styling.

Example

In this example we will change the width of the “Services” Sub menu.

Services sub menu at the default width

Step 1

Log in to WordPress then go to Appearance > Menus. Hover over the parent item of your sub menu. In our case it is the “Services” menu item. Then click the blue Mega Menu button.

Mega Menu button on the Services menu item

Step 2

Go to the “Styling” tab and scroll down to the “Sub Menu – Width” option. Set the value to your desired sub menu width then scroll down and click “Save changes”.

Sub Menu - Width option on the Styling tab of a menu item

End Result

The sub menu for the Services menu item is now 400px wide:

Services sub menu reduced to 400px wide

You can also use the “Sub Menu – Horizontal Offset” custom styling option to push/pull the sub menu to the left or right.