Stand with Ukraine. Fight for freedom and democracy

Donate
Troubleshooting //
Cannot Make the Submenu Full Width in the Mega Menu

Cannot Make the Submenu Full Width in the Mega Menu

Question

Cannot make the Mega Menu submenu fullwidth.

Answer

  1. Proceed to the WordPress Dashboard.

  2. Go to the Appearance tab and click Menus.

  3. Select a required menu, hover over the desired menu item, and click the JetMenu label.

    Hovered Menu Item in the WordPress Dashboard
  4. Once the window pops up, change over to the Mega Content tab and click the Edit Mega Menu Item Content button.

    Mega Menu item content window pops up
  5. Editing in Elementor.

    In the Elementor Page builder, click the needed section, proceed to the Layout settings and choose the “Full Width” option for Content Width. Save the changes.

    Elementor page builder editing the Section Content Width
  6. Go back to the WordPress Dashboard.

    Proceed to the JetPlugins tab. Here, click the JetMenu Settings.

  7. Click the Desktop Menu tab.

    Find the Mega menu base width field and choose the “Width same as custom CSS selector width” option. Below, enter the CSS selector body.

JetMenu Desktop menu settings

Be aware, if you enable the Revamp Menu option in the Crocoblock > JetPlugins Settings > JetMenu > General Settings tab you can set the Mega menu base width only with the Mega Menu widget settings.

revamp mega menu

Proceed to the Elementor editor and click to edit the Mega Menu widget. Select the “Selector” option in the Mega Container Width Type field of the Layout tab. Below, enter the CSS selector body.

mega container width type

Was this article helpful?
YesNo
Still need help?
Submit a request