Reduce gap between Mega Menu Column

Hello,

Try to move the columns to a separate row and remove the column gap in WP Bakery.

Follow this Guide on how it works: https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-change-gap-between-columns/

For the drop-down with, set the drop-down settings “set sizes” and choose the width:
https://postimg.cc/zytrrNd4

Best Regards,

Hello,

Please try checking the column padding or margins applied at the row or column level in WPBakery. Even if the column spacing is set to 0px, additional space may still appear due to these settings.

If the issue remains, use our template library and import the templates there with a 0px column gap setting. Kindly review the setup of these columns and replicate the same structure for consistency across your design.

Best Regards,

Hello,

Edit HTML Block with WP Bakery> Edit column where the extra menu list is situated and change the width.

See Screenshot for better understanding: https://postimg.cc/nX1zF4LZ

Best Regards,

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-dropdown-menu.wd-design-aside {
    --wd-dropdown-width: 900px; /* Change to your desired width */
    max-width: 900px;
    width: 900px;
    margin: 0 auto; /* Center align */
}

Best Regards,

Hello,

The custom css code is working fine on your site. Please try to change the code value and check how it works.

Best Regards,