Goal: three-column mega menu under “Shop” with headers “Shop All,” “By Category,” and “By Occasion” as separate columns in a Shopify theme.
Problem: current layout stacks “Shop All” and “By Category” into the same column.
Update: after tweaks, the layout works but only if there are up to five links under a header. Adding more links under “By Occasion” causes “Shop All” and “By Category” to merge into one column.
Ask: how to allow more links under “By Occasion” without triggering column stacking.
Input: theme mega menus are opinionated; while column and image width settings exist, flexibility is limited.
Recommendation: use a third-party app (Meteor Mega Menus) for more control and design options.
Outcome/Status: no native theme fix shared; discussion remains unresolved. Screenshots are central to understanding the stacking behavior.
I am trying to use the mega menu. Under Shop button, I want 3 columns with the headers Shop All, By Category, By Occasion. Right now, the first column stacks Shop All and By Category in the same column. How do i make it so that Shop All, By Category, and By Occassion are all separate columns?
Thanks!
So I did some more digging and was able to get it to the setup I need, but it only allows for 5 links below the header before it moves Shop All and and By Category to the same column. How am I able to add move links under the By Occassion section without it stacking Shop All and By Category?
Hey WillD,
Most theme’s are fairly opinionated with their mega menu styles (it’s actually cool to see the column and image width options in the theme settings). If you want a little more flexibility, you could check out Meteor Mega Menus. This is an app we built to offer more functionality and design for themes.
