hello, ive been searching and searching for shopify stores that had the same idea i have, i know it had to be out there and i found this. (image below), i would love to have a basic menu on top and below collections main menu next to the stores icons, basically exactly like the image below, please h…

Hi @zachmosco May I suggest to update code these steps: Go to Store Online-> theme → edit code Sections/header.liquid Duplicate and change like the screenshot below [EBOOST_0-1674612565688.png] { "type": "link_list", "id": "menu_1", "default": "main-menu", "lab…

Hello EBOOST. I found this post really helpful and I almost got the wanted result with the original version of the code. However I tried for a while and there was no way for me to place that second menu bar under the header. Could you help me out? [web menu.JPG]

Hi @Ano2 , Could you share your code( sections/header.liquid)? I will help adjust code to update it.

Hi eboost, I really find this very helpful. is there a way that we can hide the links on a certain div and make it a drop down like this? [Marlon123_0-1715059323933.png] this is what I want to achieve. the links will be under brands dropdown list.

Hi @Marlon123 , It’s possible. Could you share your store? We will check it after that will suggest a solution for you.

This is from draft, here is the preview https://buqgamsd67u9gkve-81817796888.shopifypreview.com source code is this: {% comment %} Renders a standard dropdown style menu for the header. Usage: {% render ‘header-dropdown-menu’ %} {% endcomment %} {% for block in section.blocks %} {% if block…

Hi @Marlon123 , Maybe I suggest use code below: {% comment %} Renders a standard dropdown style menu for the header. Usage: {% render 'header-dropdown-menu' %} {% endcomment %} {% for block in section.blocks %} {% if block.type == 'drop' %} {% endif %} {% endfor %}

tried it, but it seems that the child links are not showing. [Marlon123_0-1715069457361.png]

[Marlon123_0-1715070510096.png] I think we’re getting somewhere. that happens if I remove the display none. how about when i click brands the css will change from display none to just display? will that be possible?

Hi, It is possible. You can use code below: {% comment %} Renders a standard dropdown style menu for the header. Usage: {% render 'header-dropdown-menu' %} {% endcomment %} {% for block in section.blocks %} {% if block.type == 'drop' %} {% endif %} {% endfor %}

How to can you make 2 separate menus in the header?

Store Design

EBOOST May 7, 2024, 8:15am 29

Hi,

I helped when click brand after that will show it. If you dont want it you can remove some CSS like the screenshot below:

Topic		Replies	Views
How to change header-menu layout Envy Theme Store Design	18	124	July 21, 2022
Hello. How to enlarge main menu width Brooklyn theme? Store Design	7	41	July 30, 2021
Hopefully someone can help? Main menu/ Navigation issues Technical Q&A	9	125	August 9, 2022
HELP with Drop-down main Menu on Home page Store Design menu , design , customizations , third-party-themes , shopify-themes , troubleshooting	9	77	June 2, 2023
How To Get Hover Menu On Without Dropdown List? Store Design menu	6	132	September 5, 2024

How to can you make 2 separate menus in the header?

Related topics