Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Top Navigation

How can I add a top navigation bar in the Warehouse Theme?

yasirxcv
Shopify Partner
9 0 6

How do I add Top Navigation bar in Warehouse Theme?

Replies 9 (9)

KetanKumar
Shopify Partner
37409 3661 12115

@yasirxcv 

yes, please check

https://support.maestrooo.com/article/204-navigation-configuring-mega-menu

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
yasirxcv
Shopify Partner
9 0 6

This is for mega menu, I need top bar menu just below announcement bar

KetanKumar
Shopify Partner
37409 3661 12115

@yasirxcv 

can you please share store url

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
yasirxcv
Shopify Partner
9 0 6

I need top menu bar like this website: https://www.phase1vision.com/

 

I am using Warehouse theme

KetanKumar
Shopify Partner
37409 3661 12115

@yasirxcv 

yes, please add this code this 

https://shopify.github.io/liquid-code-examples/example/nested-navigation

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
yasirxcv
Shopify Partner
9 0 6

This is how it displayed after I copied that code and replaced

{%- for link in linklists.main-menu.links -%}

with  {%- for link in linklists.top-nav.links -%}

 

yasirxcv_0-1644435114928.png

 

how do I align them in single row at extreme right below announcement bar.

 

Thank you for your assistance

 

 

KetanKumar
Shopify Partner
37409 3661 12115

@yasirxcv 

can you please apply css code as per your theme

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

dmwwebartisan
Shopify Partner
12323 2552 3732
yasirxcv
Shopify Partner
9 0 6

This is for mega menu, I need top bar menu just below announcement bar