I’m currently designing a new theme on Dawn and would like to have 2 headed menus, I appreciate this is quite vague so see the desired effect below: [Screenshot 2024-05-02 at 10.26.22.png]

Hello @DAC Replace your code with the below code File Name: sections/header-menu-top.liquid {% assign link_list_menu = section.settings.menu %} {% if link_list_menu != blank %} {% endif %} {% schema %} { "name": "Heade Menu Top", "class": "header-menu-top-section", "settings":…

Hello @DAC , Can you please share your store URL?

Silly me, here it is: https://www.darkartscoffee.co.uk/ It’s worth mentioning the current theme I am running on that link is paralax, not Dawn.

@DAC , Do you want to create the menu for Dawn or Parallax?

I want to create the menu for dawn!

Hello @DAC , To create a 2 headed menu follow the below steps. Create a “header-menu-top.liquid” section file in your DAWN theme and add the code below. {% assign link_list_menu = section.settings.menu %} {% if link_list_menu != blank %} {% endif %} {% schema %} { "name": "Heade Menu T…

Hey @Huptech-Web , thanks for this! I’ve ran into a wall in the header-group.json, when trying to save I get the att ached message. Also my area for this code looks slightly different to the screenshot. Liquid syntax error (line 58): Unknown tag ‘schema’ [Screenshot 2024-05-07 at 15.47.07.png] …

Hi @DAC , Can you please share the code I’ll update it and send it to you.

Hey @Huptech-Web thank you! So for your info the header-menu-top.liquid is added in the sections area in code. Here are the details: {% assign link_list_menu = section.settings.menu %} {% if link_list_menu != blank %} {% endif %} {% schema %} { "name": "Heade Menu Top", "class": "head…

Hello @DAC , Replace the below code in your “header-group.json”. It will do the work! { "name": "t:sections.header.name", "type": "header", "sections": { "header-menu-top": { "type": "header-menu-top", "settings": { } }, "header": { "type": "header", …

That has done the trick, thank you! My final question is how to adjust the colour of the top menu?

2 headed menus

Store Design

DAC May 14, 2024, 1:26pm 13

This has hit the exact goal I was looking for, thank you!!!

Topic		Replies	Views
Adjust a double headded menu padding Store Design menu	10	79	May 22, 2024
How to can you make 2 separate menus in the header? Store Design menu	40	673	January 7, 2025
2 menu in header Store Design header	1	43	April 13, 2024
How can I create a second header menu on the dawn theme? Shopify Discussion shop-performance	0	56	May 14, 2023
Add second menu to header. Step by step. (Dawn theme) Store Design menu , header	1	209	January 17, 2025

2 headed menus

Related topics