Oh, but still, thanks a lot!
Topic summary
Main issue: The dropdown menu has too many categories, making it overflow. The goal is to stack items into a multi‑column “megamenu” style.
Steps taken:
- A helper requested a preview link; the store’s preview URL was shared. Screenshots illustrated the desired multi‑column layout.
- CSS fix provided: within a desktop media query (min-width: 750px), set the submenu to display: flex with flex-wrap and a fixed width, and assign each list item a flex-basis (33%) to form three columns.
- Customization tip: change flex-basis to adjust columns (e.g., 25% for 4 columns, ~16% for 6 columns).
Remaining challenge:
- Evenly balancing columns is difficult due to varying text lengths. The helper noted consistent alignment is hard beyond 3–4 columns; even with exactly 4, text length and content changes affect balance. No perfect CSS-only solution was provided.
Outcome: The multi-column layout works; user is satisfied with the main change. Column balancing remains unresolved.
Alternative option:
- A third party suggested using a megamenu app (Meteor Mega Menu) with an “Amazon” template and provided demo links for previewing designs.
Status: Largely resolved; open only regarding perfectly even column distribution.