Dawn 11.0.0 | Centered logo with menu links on each side of logo

Store Design
1

Hello! I was hoping I could get some help with the way I want my header to look.

Currently I have a transparent header with my logo sitting at top center and the menu links below it.

I’d LOVE to be able to keep the transparency of the header but have the menu links on each side of the logo. Like this:

Screenshot 2023-10-02 at 9.05.20 AM.png
Screenshot 2023-10-02 at 9.05.20 AM.png1520×124 42.7 KB

Any help would be VERY appreciated. Thank you!

2

Hi @AItorSimon

Would you mind to share your store URL website, with password if its protectd? Thanks!

3

Hi @AItorSimon

To have menu links on each side of the logo in Shopify, you will need to edit your theme’s code.

  1. Go to Online Store > Themes > Actions > Edit code.
  2. Open the theme.liquid file.
  3. Find the following code:
  1. Replace the {{ menu ‘main’ }} code with the following code:

  
  # {{ site.title }}
  1. Create two new menus, one for the left side and one for the right side. To do this, go to Online Store > Navigation.
  2. Click the Add menu button.
  3. Enter a name for the menu and click the Create menu button.
  4. Add the pages you want to appear in the menu and click the Save menu button.
  5. Repeat steps 6-8 to create a menu for the right side.
  6. Go back to the theme.liquid file and replace the menu ‘main-left’ and menu ‘main-right’ code with the names of the menus you created.

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

4

https://saikyowear.com/

This is the link!

5

Unfortunately it didnt work. I dont even have that specific code youre asking me to find on my theme.liquid :disappointed_face:

Thank you