add buttons on header to change navigation menu

khaliled1688
Tourist
8 0 4

Dear Experts, 

I would like to add two buttons "women" & "men" at header

When I click on each button, it goes to the relevant page and also the relevant navigation menu to be displayed on header. 

Please help!

Thanks

Replies 7 (7)

renus
Shopify Partner
191 16 30

you can add manual links on header.liquid file on your desire location to make button UI add class "btn"

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
khaliled1688
Tourist
8 0 4

Hi Renus, 

I know how to add buttons on header to link to the pages but I don’t know how to change the navigation bar. Could you please give me a sample code? 

renus
Shopify Partner
191 16 30

what you want to change in navigation bar ?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
khaliled1688
Tourist
8 0 4

I want to create 2 buttons "WOMEN" & "MEN"

when I click on the buttons, the new menu appears. 

 

 

khilan
Shopify Partner
271 15 26

hi @khaliled1688 

please add this code. and put this code in header.liquid files.

 <a href="#" class="button btn">MAN</a>

 

 <a href="#" class="button btn">WOMAN</a>

  thank you so much.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
khaliled1688
Tourist
8 0 4

Hi Khilan, 

 

I want the header menu to be changed automatically according to "WOMEN" & "MEN" buttons.

khilan
Shopify Partner
271 15 26

hi @khaliled1688 

please change this code .and save to files .

  1. Tap the title of your main menu.
  2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. ...
  3. Add menu items to include in the new drop-down menu. ...
  4. Tap and drag the menu items to nest below the header item.
  5. Tap Save menu.

thank you so much .

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help