mega menu fix spacing

Topic summary

A user is experiencing uneven spacing between columns in their mega menu navigation and wants them to be evenly distributed and closer together.

Proposed Solution:

  • Add custom CSS to the theme.css file
  • The code targets the mega menu’s full-width navigation and reduces its width to 80%
  • This adjustment should create more balanced spacing between menu columns

Implementation Steps:

  1. Navigate to Edit code in the theme editor
  2. Locate the theme.css file
  3. Insert the provided CSS snippet at the end of the file

A screenshot of the expected result shows improved column distribution. The discussion appears resolved with a straightforward CSS customization, though the original poster has not yet confirmed whether the solution worked for their specific case.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hi,

my mega menu the columns don’t seem to be spaced correctly. I’d liek them to be closer together and same distant from each other. my site is https://vazluxe.com/

Hi @Luxurymrkt

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.meganav[data-meganav-type="full_width_meganav"] .meganav__primary .meganav__nav {
    width: 80% !important;
}

Result

Best

DaisyVo