Hi,
I am having trouble figuring out how to remove space between columns that are in the header nav bar dropdown megamenu. It is for the “products” dropdown and i’ll include a picture. We are also using Impulse theme. Thank you in advance!
Topic summary
A user is trying to reduce spacing between columns in their Shopify store’s header navigation megamenu, specifically for the “Products” dropdown. They’re using the Impulse theme and included a screenshot showing the current layout.
Solution provided:
- Add custom CSS code to the theme.liquid file
- Navigate to: Online Stores > Themes > More Actions > Edit code
- Open theme.liquid and paste the code above the
</head>tag
A PageFly support representative responded with step-by-step instructions and included a screenshot demonstrating the expected result after applying the fix. The solution appears to be CSS-based spacing adjustment for the megamenu columns.
Hi @DM_7
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Here’s how its look on my end:
Hope this can help you solve the issue
Best regards,
Noah | PageFly