Where to change the design of the navigation for mobile?

Solved

Where to change the design of the navigation for mobile?

BudwigUser
Excursionist
34 0 5

Hello. Where in the code can I edit the design of the Navigation?

 

Right now:

Screenshot 2025-02-19 082802.png

 

 

What I want: 

Screenshot 2025-02-19 082742.png

Accepted Solution (1)
Ahmad31
Shopify Partner
224 21 38

This is an accepted solution.

In the Trade theme on Shopify, the navigation menu is typically controlled by the header.liquid file and possibly navigation.liquid (if available). 

  • Go to Online Store > Themes > Actions > Edit Code.
  • Look for sections/header.liquid.
  • If the theme has a separate file for navigation, it may be inside snippets/navigation.liquid or a similar file.
Love my work? Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!

View solution in original post

Replies 3 (3)

Ahmad31
Shopify Partner
224 21 38

Hi @BudwigUser, which theme you are currently using ?

 

Love my work? Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!
BudwigUser
Excursionist
34 0 5

Im using the free "Trade" Theme 

Ahmad31
Shopify Partner
224 21 38

This is an accepted solution.

In the Trade theme on Shopify, the navigation menu is typically controlled by the header.liquid file and possibly navigation.liquid (if available). 

  • Go to Online Store > Themes > Actions > Edit Code.
  • Look for sections/header.liquid.
  • If the theme has a separate file for navigation, it may be inside snippets/navigation.liquid or a similar file.
Love my work? Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!