Contents
To change the width of your menu you can add the following CSS to your menu theme by going to Mega Menu > Menu Themes > Custom CSS. Make sure you use “max-width” and not “width” to ensure the menu remains responsive.
How to change the width of an individual sub menu
- Log in to WordPress then go to Appearance > Menus. Hover over the parent item of your sub menu.
- 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”.
How do I make a full width menu in WordPress?
In WordPress Admin > Appearance > Edit CSS. The two lines of code create the full-width effect for both mobile and computer screens.
How to make a full width Mega Menu?
Select the Width same as Custom CSS selector width option and insert a copied CSS class in the Mega menu width selector field. Since it is a CSS class, a dot is required before the name of this class (e.g., “.custom-section”). Step 5 – Then save the settings.
Where are the Mega Menu width options in Avada?
The Mega Menu Max-Width options are located in Avada > Theme Options > Menu > Mega Menu panel. These options allows you to set a maximum width for the mega menu drop down that is different from the overall site width.
With Max Mega Menu Pro it is possible to set a sub menu width per menu item. This value will override the general theme setting. For example, you could set one sub menu to be 400px wide and another to be 700px wide.
How do you make a Mega Menu in CSS?
Since it is a CSS class, a dot is required before the name of this class (e.g., “.custom-section”). Step 5 – Then save the settings. Step 6 – Go back to the page where you’ve got a mega menu, and refresh it. Now you can see that the mega menu takes all the width of the page. In conclusion, the fullwidth mega menu is ready.