Mega menu multi column (4) + Isolate first item in the first column

Store Design
, ,

Topic summary

A user is seeking help to create a custom 4-column mega menu layout with specific formatting requirements:

Layout Goals:

  • First column: Isolate the first menu item (“view all”) on its own
  • Remaining columns: All other menu items should flow horizontally starting from column two, wrapping to new lines as needed

Additional Requirements:

  • The styling should only apply to desktop view
  • User is asking whether they need to create a new navigation level to implement this solution

Attachments:

  • A screenshot has been provided showing the desired layout (though the image URL appears corrupted in the post)
  • A website reference link is included

The discussion remains open with no responses yet. The user is looking for CSS or structural guidance to achieve this mega menu configuration.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I would like to have a 4 columns mega menu, which is going to isolate the first item (view all) inthe first column and then all others items would start at column two and automatically add up horizontally before starting a new line underneath the existing sections. Please let me know if you have a solution. Also Should i create a new level on my navigation menu before end to make it work? However, this should only apply on desktop! Thanks

www.inprintstore.com pass: shiznitz

Screenshot 2024-08-19 at 15.09.17.png
Screenshot 2024-08-19 at 15.09.17.png3328×1890 406 KB