Hi there, in this mega menu i would like to have a bigger menu with seperate columns (Adidas, New Balance, Nike, Ugg, Asics as seperate columns). How could i do this with CSS?
Thanks in advance!
Topic summary
A user wants to restructure their mega menu to display brand categories (Adidas, New Balance, Nike, UGG, Asics) as separate columns instead of a single column layout.
Proposed Solution:
- Another user suggested adding custom CSS code to the theme.liquid file, placed above the
</body>tag - The code would target the mega menu structure to create column separation
Current Status:
- The suggested CSS solution did not work as intended
- The only effect was making the white mega menu field larger
- Categories still appear lined up in a single column rather than separate columns
- The issue remains unresolved and requires further troubleshooting
Note: The conversation text appears partially reversed/garbled in the original, but the core issue is clear from the screenshot and context.
Hey @1234Joep43
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Didnt work for me, the only effect it had is that the white mega menu field became bigger. The categories are still lined up in one column!