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/
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:
- Navigate to Edit code in the theme editor
- Locate the theme.css file
- 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.
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