add buttons on header to change navigation menu

[khaliled1688]

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

[renus]

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

[khaliled1688]

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]

what you want to change in navigation bar ?

[khilan]

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.

[khaliled1688]

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

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

[khaliled1688]

Hi Khilan, 

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

[khilan]

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 .