How can I move my menu under the logo on Shopify?

Store Design
1

Hi, I’m new to using shopify. I’m having issues trying to put my menu under the logo i.e Home, new arrivals, kitchen ect as it’s currently on the left. Thanks

2

@JVShop28 Please provide store url?

3

To move your menu from the left side of the logo to under the logo in your Shopify store, you’ll need to make changes to your theme’s code. Here’s a general guideline on how to achieve this:

  1. From your Shopify admin panel, go to “Online Store” and click on “Themes.”
  2. Locate the theme you’re using and click on “Actions” > “Edit code.”

Note: It’s always recommended to create a backup of your theme before making any changes.

  1. In the “Sections” or “Snippets” directory, locate the file that corresponds to your theme’s header. It may be named header.liquid, header.liquid, or similar.

  2. Look for the code that generates the logo and the menu. This might involve an HTML structure or a Shopify navigation code.

  3. By default, the menu is likely placed within a <div> or <nav> element. You need to modify the structure to move the menu below the logo.

  4. To move the menu below the logo, you can update the HTML structure as follows: