Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)

Your Store Navigation Menu is there to help your customers find what they are searching for as well as get them to know what your store offers and how to navigate it. When you make it easy for your customers to move around your store, you improve their experience with your brand and give them more reasons to buy from you.
So if you have been suffering for a long time from a low conversion rate and a high bouncing rate, this video could be the perfect solution for you because, in this video, I will show you step-by-step how to set up your navigation menu in the best and most efficient way.
This Shopify Navigation Menu doesn't only show you the technical side of things but also will give you tips to create a highly-performing navigation system.
This video will cover:
✔Tips to design effective navigation menus
✔How to set up dropdown menus, multi-level menus, and mega menus
✔How to create menu items without links and much more...
I hope you will enjoy this video!
🎁 Free Workshop: Learn how to create a Strong, and Sustainable eCommerce business: www.rihabseb.c...
👉Tired of doing everything by yourself? Check out my Done for You services here: www.rihabseb.c...
👉Looking to grow your business and increase your sales by following effective and proven marketing strategies? Apply to my 1to1 Coaching program: www.rihabseb.c...
//Recommended tools:
►►Best eCommerce Platform: shopify.pxf.io...
►►Best Email Marketing Software for eCommerce: www.klaviyo.co...
//Connect and Say Hi:
►►Subscribe to my channel+🔔's ►► bit.ly/2oz1jsr
►►Instagram: / rihab.seb
►►Facebook: / rihab.seb.71
►►Website:www.rihabseb.com/
►►Free Workshop (the eCommerce growth workshop): www.rihabseb.c...

[@RihabSeb]

Hello Guys! Hope you enjoyed the video ♥Just a small reminder to profit from the Free Workshop I am currently offering. It is 100% Free, so Just sign up and start scaling your business" www.rihabseb.com/the-ecommerce-growth-workshop-lp

[@shaistaperveen3424]

how can i add photos on dawn theme mega menu

[@GamingBoyGB907]

what is the theme you recommend for clothing store?

[@nicolassierra7424]

Really Nice ! Thank you so much

[@AlbroDesigns]

Thank you so much for the navigation info. I had spent hours going round in circles trying to figure out how to add submenus to my header. Who knew it was drag & drop. It's taken 10 mins to sort out my Dawn page. ❤❤

[@RihabSeb]

You're welcome!Glad the video helped you!

[@maddenfootballtalk6544]

good instruction, really help me understand how to actually put together this site. Maybe if you could have moved your box around that was blocking parts you were selecting, or just disappear the box until your select or something

[@RusMiller]

It was a great video. I agree the box was unnecessary when she wasn't directly addressing the audience. I wish she had hidden it so we could see the complete screen.

[@sobantahir2268]

Very Clear And Helpful!! ThankYou

[@keiyoh4757]

I've never commented on a KZbin video before, but your tutorials are SO helpful and easy to follow!! Thank you so much!!

[@RihabSeb]

Thank you for the nice feedback ❤️ glad you like my videos!

[@mickwong6325]

cant see the top right because of your video screen which is where youre doing the sub menus

[@RihabSeb]

Sorry about that! I will be publishing a new version of this video soon and hopefully fix this problem!

[@hasaanarshkhan2554]

This video tutorial solved my problem that I'm facing in my client's shopify website, Thanks

[@RihabSeb]

Glad to know the video was helpful!

[@carlotadelpozo3621]

thanks!!!

[@milo_zoe]

well mam you are such a legend I never comment before I swear, nice and understandable tutorial... make more

[@RihabSeb]

oh! Many thanks for this lovely comment.

[@user-ei4sj4ld4n]

This video was very useful. I was so confused about how to build my shopify store and finally saw your video. It makes perfect sense. Thank you

[@fitnesslifehack]

On a Dawn theme you can also have a mega menu, under the change menu option there is an option to change desktop menu type and you can choose mega menu there!

[@RihabSeb]

Great news!

[@starbwoyroahn]

cant find where it is to save my life lol

[@damienrogers4572]

@@starbwoyroahn make sure you have dawn 9.0 for the mega menu feature

[@catherinerutter4210]

Where is the change menu option at?

[@emilyocchipinti1544]

Can anyone tell me how to add images to the Dawn mega menu?

[@NEGAVI]

Hello rehabs. Thank you having done this video. I was looking so long to understand how to do that. Very happy to find you here. Have a fantastic day.

[@RihabSeb]

Very happy you liked the video!

[@seowizard025]

Very clear and helpful!! Thank you Rihab Seb!!

[@RihabSeb]

My pleasure!

[@user-de7ge1we5q]

your post was super usefull thhannk you so much for sharing

[@RihabSeb]

My pleasure!

[@zakariacherifi6619]

شكرا جزيلا انسة رحاب

[@hamidraza6033]

Thanks for this beautiful video lady!!!!!

[@ruthchambers1318]

Thanks for the video. So how do I now link the items in the menu to the different categories? thanks

[@jettondeur3437]

right? I came here for that and lost 18 mins of my life

[@marieliswolfram9087]

Thank you so much

[@ciliosnaamerica]

Great tutorial! answered all of my questions. Thank you.

[@RihabSeb]

My pleasure!

[@jujuonyourblock]

thanks love

[@user-rr3ef9tv8p]

Amazing

[@user-zk5uj1li2x]

Rihabs videos helping out with this rehab am gon thru

[@RihabSeb]

Glad to know ❤️

[@shaikaftab1199]

Brillant explaination. Subed your channel.

[@RihabSeb]

Thank you ♥️

[@Farah7f]

Thank you for the tutorial, that was very helpful😊

[@RihabSeb]

Glad it was helpful!

[@alimanzamyelrose886]

Thank you so much 🙂

[@omartounsi1905]

I jWould like to say thank you so much

[@beatriznascimento4089]

This video is exactly what I needed. Thank you so much and good luck with your amazing channel. ❤

[@RihabSeb]

My pleasure! Don't forget to subscribe to stay tuned with the latest videos I publish.

[@jasminkreativ]

Thank you!

[@pablomora426]

Very usefull, you got a Subscriber, thanks!!

[@RihabSeb]

My pleasure ❤️ always!

[@Constructed.Online]

Thank you! Watching literally a couple seconds of the video I found what I needed, will b ewatching the rest as needed

[@RihabSeb]

Amazing! Great to know.

[@harismazhar2728]

I am feeling crush on you after this video, Thankyou for this video

[@RihabSeb]

My pleasure!

[@DSadoiz]

Thank you very much. very helpful video. Have a nice day

[@RihabSeb]

My pleasre! Happy you liked the video.

[@factorydirectshop3602]

Great help thanks I have a big problem I have over 500 Categories

[@RihabSeb]

Oh! I feel you! Where your able to get this done? You can always use Shopify Bulk editor to make your work a bit easier.

[@MeanBuggah]

Thank you! This helped me tremendously! Subbed!

[@RihabSeb]

Thanks for the sub!

[@iqbalaltalib]

Is main menu (that contains home, .... ) that upload in secondary menu in header ??

[@RihabSeb]

Hello Iqbal, can you please clarify

[@darshannagar]

SERIOUSLY THANK YOU

[@RihabSeb]

My pleasure

[@user-yb5pj2jf6o]

I tried it, however everytime i click on any of the options, it doesn't go to the collections. just says error, page not found

[@RihabSeb]

Hello dear, What options exactly?

[@BrittneyBrown-hl9qe]

Great video! Very helpful and straight to the point !

[@RihabSeb]

My pleasure!

[@HICHAMMASTOUR]

thanks

[@RihabSeb]

My pleasure ♥️

[@josiahmphago]

thank you, that was the best training, really enjoyed it. how can you tell if the theme you selected can take mega menu?

[@Fedgery007]

Fantastic video! Thank you!!! Subscribed!

[@RihabSeb]

Thanks for the sub!

[@gca666]

How do you set those static pop ups like the ones on the reference (Hooke) page that you mention?

[@iqbalaltalib]

الفيديو الوحيد باليوتيوب فهمت منه MEGA MENU وكتبتلك بالعربي لاني فخورة بصبية عربية متلك

[@RihabSeb]

شكرا ☺️

[@mrandroid2191]

Great help thank you!

[@RihabSeb]

My pleasure!

[@astrofilmsproduction2135]

what can i do if i chose " ride theme" cause on desktop mde the mega menu is good. but he is not good on mobile. how can i solve this problem. cause on first they wrote this theme support mega menu and i builed the website already

[@othmaneelkahlaoui6855]

Thank you so much Rihab ♥♥

[@RihabSeb]

My pleasre! Don't forget to subscribe so you'll get notifications for all my upcoming videos. I hope to see you in the comments section again soon!

[@user-yg5ug4jx3r]

if we want 3 layers of drop down menu is its possible it tryed but i can't create a nested third menu need your suggustion

[@RihabSeb]

Hello! Unfortunately, no it is not possible and it is not even recommended!

[@rafaelahurtado4654]

My theme hides the navigation- when I first load the home page I can see it then it hides. Does anyone know where in the code I can make the bar visible?

[@andriusanryy5165]

Thank you, your video helps alot for me. Regards

[@vaniakaneco8517]

I am using the dawn theme but I haven`t the mega menu under the header. Are you sure that you use Dawn Theme?

[@RihabSeb]

The version I am seeing might be older than the one you have.

[@reinataylor1096]

This was incredibly helpful!! Thank you so much!! I love it when it just clicks!!

[@RihabSeb]

Amazing ♥️

[@remotemoneyking]

Thank you so much!!!

[@RihabSeb]

My pleasure!

[@ftweespvhindustrie797]

Thank you, very helpful! Couldn't find a video on how to put the products in the submenus so they will be visible in the store. Do you have one? Now I have empty submenus;-)!!

[@RihabSeb]

Can you please check this video... It will greatly help you with this: kzbin.info/www/bejne/eZiriJd9p7triZIsi=REFbmn2i_N2B_tIw

[@kristinamariaarts]

Struggling!! I have Mr Parker paid Theme. Not all my Drop downs are showing. I dont have mega drop downs on the left but have them on the right. It only allows me to link to my collections not each item. It looks nothing like what you are showing. Doesnt allow me to upload a photo. Please help. Many thanks Kristina

[@varietyentertainment4899]

Nice video. Thank you.

[@RihabSeb]

My pleasure

[@rockyunited43]

thank you ! your tutorials are so helpful and easy to follow. can you please make more tutorials about custome sections.

[@RihabSeb]

Thank you for the amazing review! I will sure do!

[@robertronario]

Awesome video. Thanks for sharing.

[@RihabSeb]

Thanks for watching! My pleasure

[@anatoliepolisciuc]

The problem with this theme is that it does not have a drop down arrow which isnt intuitive :(

[@Human_Evolution-]

Dawn has a mega menu option. I am looking at it now. On version 7.0. But the category titles are not in bold, so that will need a bit of custom css. "font-weight: 900;"

[@RihabSeb]

Happy they included this is the updated version

[@rikihanabradley74]

hi I am using Dawn and cant seem find the 'add mega menu' under header. Am I missing something??

[@rikihanabradley74]

ah ok I see what the problem is...

[@vaniakaneco8517]

@@rikihanabradley74 Hi, I would like to know what you did to see the mega menu under header. For me I can see just the type of menu, but not to add it. Thanks

[@MUsman-du8no]

Theme name and is this free or premium

[@manuela.amafia]

What if I have different brands like Gucci, dolce & gabbana etc? How do I make the menu to find all the brands in a clean way?

[@darndarn99]

What a great tutorial 👍👍 so easy to follow along, thank you so much

[@RihabSeb]

My pleasure ❤️

[@pankhudiseth]

Unfortunately your video on top-left is blocking all the important steps!

[@oguzhanguvenkaya660]

You are amazing, it was a very informative video.

[@RihabSeb]

Thank you

[@thatbelgiumkid]

This was awesome, thank you!

[@RihabSeb]

My pleasure ♥️

[@RobertoSestito-ml1vv]

THANK YOU VERY MUCH I DID ENJOUY IT

[@RihabSeb]

My pleasure Roberto!

[@straightfromthescalp]

Your box is preventing being able to see what you are doing. It was a great video until I got stuck and couldnt see what you were clicking! 😢

[@RihabSeb]

Sorry dear for experiencing this. Can you please tell me when this happens exactly in the video so I can help you out.

[@MarioRodriguez-zi1xl]

That is exactly here 13:31 😊

[@shughes599]

@@RihabSeb it is pretty much all the time. Picture in Picture is more engaging but it hides the screen. Anything you did on right of screen was just totally hidden, happened 3-4 times.

[@shoptomax]

exactly .but I can't see the important part of the screen because you've covered it with a picture.

[@RihabSeb]

Sorry about this! I will be filming a new version of this video and hopefully will fix this problem!

[@user-qu1qu3ph2i]

Great video. Which theme did you use? I am using Dawn 9.x seeing the Mega Menu option but I don't see these kind for editing options you showed

[@anna.charlotte]

Saaame! For me it's doesn't even say 'mega menu' under the header anymore?! But I would love to add photos to the mega menu. Any updates?

[@t-.-t.]

Yes, I don't see the option to add images :(

[@sashavladyka]

Me too, How to add images to mega menu? @@t-.-t.

[@renatamuchova5740]

Thank you! so helpful!

[@RihabSeb]

Glad it was helpful!

[@usmanali-tn8ox]

your video was very informative and helpful but i want to tell you that Dawn theam supports mega menu but you cannot add images to mega menu

[@rune7066]

its great video for small store what if i have 1200 Collection is there better way

[@RihabSeb]

Hello Rune, In this case, I recommend you to create collections with automatic rules. So your products will be automatically falling in the right collections. The number of products doesn’t change the process. Just try to find a system that will be time efficient for you. And remember setting up your collections is one time thing, after that you will be just doing minimal work to make sure all is working well.

[@mohamedrazin9900]

Thank you so much for this valuable video

[@RihabSeb]

My pleasure ❤️

[@MoorishDesign]

great video. Is it possible to Add Vertical Navigation menu to products pages in dawn theme ? Thank you

[@RihabSeb]

This would require additional coding...Not my field unfortunately but I cna recommend some good webdeveloppers to help you acheive this.

[@michellelundon7400]

Thank you this video was so helpful ❤

[@RihabSeb]

My pleasure Michel, I'm so glad! Don't forget to subscribe so you'll get notifications for all my upcoming videos. I hope to see you in the comments section again soon!

[@fancykingz6251]

i see what i am trying to do on my website but you didn't touch on it, on your example the part in the middle of the website where it says " direction in shop" , the other website two at the time stamp 08:21 you have "shop coats" and "shop men" i am trying to find out what this is called and how to set that up on my music page for my fans

[@frackowiakagnieszka3354]

du erklärst es sehr gut, deine Erklärung finde ich am besten, die habe ich sofort verstanden.

[@RihabSeb]

Thank you

[@IkramPlays]

Helpful

[@RihabSeb]

Glad you think so!

[@darndarn99]

New subscriber right here 👍

[@RihabSeb]

❤️

[@animearts-qn7jg]

VERY GOOD! THANKS!

[@RihabSeb]

Glad you liked it!

[@tikcarlos]

can I do this in dawn theme?

[@RihabSeb]

Yes!

[@carlmccormick4499]

So helpful thank you!

[@RihabSeb]

My pleasure ❤️

[@TrendyArc]

Thank you

[@RihabSeb]

My pleasure ❤️

[@santasantinagatta]

Thank you for this!

[@RihabSeb]

My pleasure Santa ❤️ Glad my video helped you!

[@rakayanaagrinusa]

Thank you mam

[@RihabSeb]

My pleasure ❤️

[@IAMSAEID]

thanks, how to do drop down menu without clicking if you know what i mean

[@RihabSeb]

Hello.. no not really! can you explain more please?

[@IAMSAEID]

@@RihabSeb When you draw your mouse over the menus, it opens automatically without clicking on them!

[@nonstopniels9166]

@@RihabSeb same problem i have the refresh theme and the dropdown menu only drop down with a mouse click and not like yours with just move the mouse over the categories

[@pavlkoz]

How do i remove the "V" simbol next to the menu elements, to "MEN", "WOMAN" text be a botton too that takes me to another section?

[@shughes599]

I am running craft 8.0 and all the options to add images to side of menu do not appear at all. I have searched and searched and just don't find them. Can you confirm whether you see them in craft 8.0?

[@shughes599]

I am describing that I have a great mega menu built but I cannot control the background or add images to the left. Also what setting exposes all lists? I have 6-7 menu items (one is all collections so it isnt so busy) and click the first one it opens huge area and shows first options, open second and first dissappears and second appears, this is fine and works but I rather like the one you were doing where all menus expanded at once.

[@920lokhei6]

thank u

[@kalpa_abhyasa]

Ma'am please either keep your webcam small or just don't add one as it was really hard to see what tabs you chose while add menu to header

[@RihabSeb]

Noted! i will prepare an updated version of this video soon and fix this!

[@kalpa_abhyasa]

@@RihabSeb appreciated ma'am :)

[@SkillsNoLogic]

How is your header options in the middle of the page mines stay next to my logo

[@RihabSeb]

This depends on the theme you are using and the different layouts it offers for the header section.

[@shughes599]

@@RihabSeb it also depends on resolution, have to be above 1600 to get dual menues.

[@forgottenmobile]

baddie

[@vcevchannel1687]

I love your tutorial ❤

[@RihabSeb]

Thank you! Glad you are liking my videos!

[@vcevchannel1687]

Hi Rihab, i try to send email but no response yet

[@RihabSeb]

@@vcevchannel1687 email about what?

[@qdeer1546]

شكرا

[@RihabSeb]

My pleasure

[@JanisGagliardi]

I added my header in menu in backend with pulldons as you described above but it doesn't load on front end. I have a Dawn theme with a changed picture. i did it correctly selected and saved but its not there?

[@RihabSeb]

Hello Janis, were you able to fix this?

[@lahvi]

Hello, thanks for your video. This is tutorial how to set menu - its funktions. Is possible to custom in this Dawn theme visual appearance of the menu? I mean when I don't want to click on each item to expand the next category. I would like it to visually look like your model e-shop, according to which you did it. So that the menu expands automatically only after hovering with the mouse cursor. Is this possible to set in the Dawn template? Or is it not or will it help to download some add-on?

[@Telefoonwinkel-Dutchcell]

hoi i have a quastion ( when you click on women >> TOPS > BOTOMS > HEADWEAR and ther under SHOP BY ACTIVITY > FEATURED) ? how can i make this section? tnx

[@RihabSeb]

Hello dear, You need to create 3 levels of menu tabs within your navigation. Watch the full video, I ‘ve explained how to do so

[@gusttavo.garcia]

Tks

[@iamtherjp]

The PIP is blocking what she is typing. Perhaps no PIP shouebe used so that we may see the entire screen

[@RihabSeb]

Can you please tell me the part you couldn’t see well, so I can help you out?