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

Рет қаралды 120,268

Жыл бұрын

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.com/the-ecommerc...
👉Tired of doing everything by yourself? Check out my Done for You services here: www.rihabseb.com/done-for-you
👉Looking to grow your business and increase your sales by following effective and proven marketing strategies? Apply to my 1to1 Coaching program: www.rihabseb.com/coaching
//Recommended tools:
►►Best eCommerce Platform: shopify.pxf.io/5gJbB3
►►Best Email Marketing Software for eCommerce: www.klaviyo.com/partner/signu...
//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.com/the-ecommerc...

Пікірлер: 211

@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?

@keiyoh4757 Жыл бұрын

I've never commented on a KZfaq 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!

@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

@AlbroDesigns 10 ай бұрын

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 10 ай бұрын

You're welcome!Glad the video helped you!

@reinataylor1096 Жыл бұрын

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

@RihabSeb Жыл бұрын

Amazing ♥️

@beatriznascimento4089 10 ай бұрын

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

@RihabSeb 10 ай бұрын

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

@darndarn99 Жыл бұрын

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

@RihabSeb Жыл бұрын

My pleasure ❤️

@MUsman-du8no 8 ай бұрын

Theme name and is this free or premium

@iqbalaltalib Жыл бұрын

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

@RihabSeb Жыл бұрын

شكرا ☺️

@ciliosnaamerica 5 ай бұрын

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

@RihabSeb 2 ай бұрын

My pleasure!

@thatbelgiumkid Жыл бұрын

This was awesome, thank you!

@RihabSeb Жыл бұрын

My pleasure ♥️

@maddenfootballtalk6544 10 ай бұрын

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 3 ай бұрын

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.

@marieliswolfram9087 5 ай бұрын

Thank you so much

@Fedgery007 Жыл бұрын

Fantastic video! Thank you!!! Subscribed!

@RihabSeb Жыл бұрын

Thanks for the sub!

$@frackowiakagnieszka3354$

@frackowiakagnieszka3354 Жыл бұрын

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

@RihabSeb Жыл бұрын

Thank you

@MeanBuggah 8 ай бұрын

Thank you! This helped me tremendously! Subbed!

@RihabSeb 8 ай бұрын

Thanks for the sub!

@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!

@santasantinagatta Жыл бұрын

Thank you for this!

@RihabSeb Жыл бұрын

My pleasure Santa ❤️ Glad my video helped you!

@renatamuchova5740 Жыл бұрын

Thank you! so helpful!

@RihabSeb Жыл бұрын

Glad it was helpful!

@Constructed.Online 2 күн бұрын

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

@carlmccormick4499 Жыл бұрын

So helpful thank you!

@RihabSeb Жыл бұрын

My pleasure ❤️

@BrittneyBrown-hl9qe 2 ай бұрын

Great video! Very helpful and straight to the point !

@RihabSeb 18 күн бұрын

My pleasure!

@ruthchambers1318 5 ай бұрын

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

@jettondeur3437 3 ай бұрын

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

@darshannagar 11 ай бұрын

SERIOUSLY THANK YOU

@RihabSeb 11 ай бұрын

My pleasure

@andriusanryy5165 Жыл бұрын

Thank you, your video helps alot for me. Regards

@princemehra12 15 күн бұрын

Thank you!!

@jasminkreativ 6 ай бұрын

Thank you!

@robertronario Жыл бұрын

Awesome video. Thanks for sharing.

@RihabSeb Жыл бұрын

Thanks for watching! My pleasure

@mrandroid2191 9 ай бұрын

Great help thank you!

@RihabSeb 2 ай бұрын

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?

@mohamedrazin9900 Жыл бұрын

Thank you so much for this valuable video

@RihabSeb Жыл бұрын

My pleasure ❤️

@rafaelahurtado4654 5 ай бұрын

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?

@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!

@animearts-qn7jg Жыл бұрын

VERY GOOD! THANKS!

@RihabSeb Жыл бұрын

Glad you liked it!

@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.

@alimanzamyelrose886 5 ай бұрын

Thank you so much 🙂

@Farah7f 2 ай бұрын

Thank you for the tutorial, that was very helpful😊

@RihabSeb 2 ай бұрын

Glad it was helpful!

@user-zk5uj1li2x Жыл бұрын

Rihabs videos helping out with this rehab am gon thru

@RihabSeb Жыл бұрын

Glad to know ❤️

@user-de7ge1we5q 6 ай бұрын

your post was super usefull thhannk you so much for sharing

@RihabSeb 2 ай бұрын

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

@varietyentertainment4899 Жыл бұрын

Nice video. Thank you.

@RihabSeb Жыл бұрын

My pleasure

@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!

@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 11 ай бұрын

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

@remotemoneyking Жыл бұрын

Thank you so much!!!

@RihabSeb Жыл бұрын

My pleasure!

@oguzhanguvenkaya660 Жыл бұрын

You are amazing, it was a very informative video.

@RihabSeb 2 ай бұрын

Thank you

@carlotadelpozo3621 8 ай бұрын

thanks!!!

@gca666 8 ай бұрын

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

@shaikaftab1199 Жыл бұрын

Brillant explaination. Subed your channel.

@RihabSeb Жыл бұрын

Thank you ♥️

@anatoliepolisciuc 8 ай бұрын

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

@DSadoiz 2 ай бұрын

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

@RihabSeb 2 ай бұрын

My pleasre! Happy you liked the video.

@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?

@SazzadSajal Жыл бұрын

Thank you so much ♥️

@RihabSeb Жыл бұрын

My pleasure

@zakariacherifi6619 10 ай бұрын

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

@jujuonyourblock Жыл бұрын

thanks love

@nicknivas1 14 күн бұрын

Thank you so much.

@RihabSeb 13 күн бұрын

My pleasure

@omartounsi1905 9 ай бұрын

I jWould like to say thank you so much

@iqbalaltalib Жыл бұрын

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

@RihabSeb Жыл бұрын

Hello Iqbal, can you please clarify

@pankhudiseth 6 ай бұрын

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

@kristinamariaarts 9 ай бұрын

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

@RobertoSestito-ml1vv Жыл бұрын

THANK YOU VERY MUCH I DID ENJOUY IT

@RihabSeb Жыл бұрын

My pleasure Roberto!

@user-rr3ef9tv8p 7 ай бұрын

Amazing

@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!

@user-yg5ug4jx3r 5 ай бұрын

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 2 ай бұрын

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

@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.

@manuela.amafia 9 ай бұрын

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 Жыл бұрын

New subscriber right here 👍

@RihabSeb Жыл бұрын

❤️

@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

@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.

@TrendyArc Жыл бұрын

Thank you

@RihabSeb Жыл бұрын

My pleasure ❤️

@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

@IkramPlays Жыл бұрын

Helpful

@RihabSeb Жыл бұрын

Glad you think so!

@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?

@JanisGagliardi 3 ай бұрын

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 2 ай бұрын

Hello Janis, were you able to fix this?

@mickwong6325 7 ай бұрын

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

@RihabSeb 2 ай бұрын

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

@shoptomax 6 ай бұрын

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

@RihabSeb 2 ай бұрын

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

@shughes599 11 ай бұрын

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 11 ай бұрын

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.

@harismazhar2728 Жыл бұрын

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

@RihabSeb Жыл бұрын

My pleasure!

@rakayanaagrinusa Жыл бұрын

Thank you mam

@RihabSeb Жыл бұрын

My pleasure ❤️

@HICHAMMASTOUR Жыл бұрын

thanks

@RihabSeb Жыл бұрын

My pleasure ♥️

@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

@tikcarlos Жыл бұрын

can I do this in dawn theme?

@RihabSeb Жыл бұрын

Yes!

@jenmobley9076 8 ай бұрын

This was really confusing

@gusttavo.garcia Ай бұрын

Tks

@MoorishDesign Ай бұрын

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

@RihabSeb 18 күн бұрын

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

@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?

@growmamaglow Жыл бұрын

How do I get two edit menu’s on my online customizer? I see you have one to the left and right.

@RihabSeb Жыл бұрын

Hi Barbara, It is because I am using my monitor which is a big screen. When you rae using a big screen, shopify splits the menu left and right.

@ftweespvhindustrie797 2 ай бұрын

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 18 күн бұрын

Can you please check this video... It will greatly help you with this: kzfaq.info/get/bejne/ec14isd417ycg2Q.htmlsi=REFbmn2i_N2B_tIw

@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 6 ай бұрын

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

@qdeer1546 Жыл бұрын

شكرا

@RihabSeb Жыл бұрын

My pleasure

@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 11 ай бұрын

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

@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 11 ай бұрын

@@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.

@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.

@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

@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

@Top_Reel-Ari Ай бұрын

i dont know where to put photos and second please i have the same sub collection but some i am able to enter some not and i really dont get it i am trying from week but i dont know how

@RihabSeb 18 күн бұрын

Can you try watching this video for more insights : kzfaq.info/get/bejne/ec14isd417ycg2Q.html