How to set navigation menu below Logo on Agile theme?

Store Design
, , ,

Topic summary

A user is rebranding their retail website using the Agile theme with Gorde and wants to reposition the navigation menu below the logo instead of its current placement.

Current Issue:

  • The theme’s preset options don’t include this layout configuration
  • Visual mockups show the desired before/after arrangement

Proposed Solution:

  • Modify the theme code by adjusting space options and header settings

Status:

  • The discussion remains open with the original poster requesting more detailed guidance, as they are new to coding and need elaboration on the implementation steps
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello, currently going through a rebrand with a new theme for the retail website (Agile theme with Gorde). But the preset options doesn’t have the option to place these navigation menus below the logo.

I would like the website to look from this:

logo_help.png
logo_help.png1846×793 83.4 KB

To something like this:

blank.png
blank.png1856×820 83.6 KB

Please advise, thank you.

2

You can try Modifying Theme code with adjusting space option and header options .

3

Thank you for replying. I’ll have to admit that I’m new to the coding aspect - will you be able to elaborate more on the solution above, please?