How do I change my mega-menu? (Using Studio)

Store Design
, , , , ,

Topic summary

A user wants to modify their mega-menu layout in the Studio theme, showing screenshots of their current menu versus a desired alternative design.

Solution Provided:

  • Navigate to: Customize → Sections → Header → Desktop menu type → Mega menu
  • Change the menu type setting to achieve the desired layout

Additional Context:

  • One respondent suggested searching existing forum posts for similar customizations
  • If the built-in options don’t achieve the desired result, advanced theme customization or developer assistance may be needed

The question appears resolved with the straightforward navigation instructions, though the user hasn’t confirmed whether this solved their specific layout requirements.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

How do I make my mega- menu go from this:

Screenshot 2025-07-02 at 23.36.21.png
Screenshot 2025-07-02 at 23.36.21.png2862×1478 169 KB

To this:

Example 3.jpeg
Example 3.jpeg2734×1366 61.5 KB

Thanks in advance!

1 Like
2

@deadrosesuk use the search plenty of posts for stuff like this.

Ask yourself “has someone probably done this before”

https://community.shopify.com/c/forums/searchpage/tab/message?q=studio%20theme%20change%20mega-menu%20style&noSynonym=false&collapse_discussion=true

If there’s nothing or you can’t code then it’s likely an advanced theme customization.

If you need this customization then contact me for services.
Contact info in forum signature below :down_arrow: :down_arrow: :down_arrow:.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

Hi @deadrosesuk ,

Please go to Customize > Sections > Header > Desktop menu type > Mega menu.

Screenshot.png
Screenshot.png770×968 147 KB

you just need to change it, it will display fine