For those of you who can't get it to work... if it disappears when you try to click it... all i did was go to online store -> customize theme -> header -> desktop menu type -> drop down. the mega menu was what mine was set to, so it wasn't working with that one. hope this helped!
Hi, I did the exact thing on but on the theme sense. When i try to navigate down the menu to the sub items the nav menu dissappears. How can i fix this issue??
Thank you very much for this very helpful tutorial.. However i noticed that after adding the hover effect code my video height aspect ratio (hero screen) became 1/3 of the screen.. Pls how do i make the video height full screen?
HI! how about resizing the box for the subcategories upon hovering it? The hovering was successful upon trying the codes, but the boxes for my sub categories were too big. How to fix it?
Thank you so much for your video!! How can we make the title item clickable? In you case, "Categories" clickable. For example I have the title menu "Shop" and in the dropdown menu "Man" "Woman", if I click on shop I want that it open a page with all the product man and women. Let me know if you have understood the answer. Thanks!!!!!!!!!!!
I tried it on Refresh and it does work for the hover part but when moving the mouse down to select an item from the list, the list disappears and doesn't let me click any item.
You are the peoples champion! Thanks for everything, watched a few videos and all good apart from this one hasn't worked ..would appreciate a pointer, if not no drama cheers anyways!
Hi brother, the hover effect does work for me, however, the menu doesn't stay open and closes as soon as I move the cursor which makes me unable to access the subsections in the menu. Can you please help me out on this? Thanks. (p.s. I am currently using dawn 15.1.0)
Hi, I would like to know how to change everything in the heather when scrolling. I need the logo to change color, the 3 line menu bar to change color, the bag to change color and the background to have color (it's transparent)
Thanks, most of the themes will show the hamburger icon by default so it might require some custom code that i don't have currently. Keep in mind that there is no point of hover effect on mobile as there is no mouse to hover with, direct click with fingertip thats it. Cheers
You probably won't see this but if you do PLEASE HELP - I am on shopify right now, my header right now is transparent but when I hover over the drop down menus IT GOES WHITE, how do I make it so the hover doesnt make the menu go white but stay transparent???
I wonder if this can be solved. The hover displayed menu disappears if you have sub-choices, and you scroll below those. So you can't click on menu items below anything with subsections. Well, you can if you first move back up and close the offsets. Then you can go lower, but you have to keep doing that on anything with sub-choices. Thanks!
Need your help. I followed the suggested steps but there is an issue. When I click a collection in the header, it does not open the link given in Navigation section.
Hi Dear, Thanks for great efforts and its been wonderful to be like expert after watching your videos. Kindly we would like to give you some feedback to improve further. This hover effect does not work properly as its skipping or back when there's a second menu item under top menu item which need hover like in second row.
Just delete the word muted and the sound comes on. How do i adjust size but ONLY for desktop view - i have a portrait shape video which looks great on mobile view - but unsure how to edit this to fit the desktop version - any solutions? thanks again!
@OnHOW i added the code in dawn theme im using megamenu , the hover works but it disappears when i want to click on a word from the megamenu how to fix it ?
I went through everything EXACTLY as you said it, and it still isn't working for me. I have the Boundless theme, but it says it works for all of them so I'm not sure what I'm doing wrong. :(
Very helpful, but unfortunately i am having some troubles. it seems that if i do that twice in a row for 2 different categories, the far bottom category wont "open" and the whole Categories colapsible row cancels itself and i cannot even select the far bottom sibcategory. any solutions? Thank you
thanks for your videos my friend, it helped a lot 🙂 everything works as u described, buuuuuuut its possible, that the first menu is also clickable? now i can just hover on it so the dropdown opens, but the main menu is not clickable
![[LIVE] : ONE ลุมพินี 86 | คู่เอก "คมเพชร vs ชาติพยัคฆ์"](http://i.ytimg.com/vi/m3q_dRYDuU8/mqdefault.jpg)
10 months later & it still works for dawn theme! I had to find my "/header" section by scrolling but it was still super easy. Thank you!!
You are a saint !!! Nobody at Shopify could even help me and you just did it in 30 seconds AMAZING THANK YOU SOO MUUCHH
You provide the most effective tutorials out there. Thank you.
Your videos have been so helpful with some finishing touches, thanks!
Super clear video and it worked perfectly on the Dawn theme!
Finally someone not charging for a code!
Thank you. Code works!
Exactly what I asked and explained today in Shopify support!!!! Thank you that's what I searched for!
Thank you so much you did a great job it really helps a lot
You're very welcome and really glad i could help.
Cheers
It works perfectly fine, thanks for the tip, it definetly changes the user interaction with the shop. Cheers.
How did you do that? I am trying but the code is giving me error
I just tried the code and it worked great! Thank you for this fun feature.
JUST the BEST!!! you are soo good person!! giving your time and teach us!!! wish all the best!!!
You are seriously the BEST!!! Thank you sooo much!!! 🙏🏾
For those of you who can't get it to work... if it disappears when you try to click it... all i did was go to online store -> customize theme -> header -> desktop menu type -> drop down. the mega menu was what mine was set to, so it wasn't working with that one. hope this helped!
Amazing!! Very clear & simple step by step! So helpful thank you!!
Works amazingly, thank you!
Hi, I did the exact thing on but on the theme sense. When i try to navigate down the menu to the sub items the nav menu dissappears. How can i fix this issue??
did u get the answer?
I have the same issue on Refresh
same issue
did you able to fix it ???
Thanks! Your videos help me so much!♥
You're very welcome, glad i could help.
Cheers
Thank you for all your amazing videos! Is there a way to add a underline hover effect in the nav menu? anyone please?
worked perfectly....thank you!
Amazing work!! Thank you so much!
Thank you soo soo much brother for sharing this fruitful information. Could please teach us how to make website for consultations
Hi, it does success when hovering, however the dropdown disappear right away, I cannt click on, how to fix it? thank you
Thank you, Anas!
Best mentor ever ❤❤
Very helpful content. How can i know which file contains the code for a particular section. Thankyou
Thank you very much!
Brilliant! Thanks so much!
Thanks a lot for this video. It works great. However, is there a way I can make the main navigation item still linked to a page?
Top Video!
Bro Link doesn't work
This was very useful thank you for this great content
Awesome, thank you
You're very welcome
very helpful guy god bless you :)
bhaii maza agayaaaa
can i change the logo while scrolling down ?
Thank you so much! right solution.
You're very welcome, glad i could help.
Cheers
Best Video😊
You are amazing! Omg thank you!!!
Thank you so much you are the best !
Thank you very much for this very helpful tutorial.. However i noticed that after adding the hover effect code my video height aspect ratio (hero screen) became 1/3 of the screen.. Pls how do i make the video height full screen?
HI! how about resizing the box for the subcategories upon hovering it? The hovering was successful upon trying the codes, but the boxes for my sub categories were too big. How to fix it?
Hey, If you mean the width of the dropdown menu then that video is on the way.
Cheers
It's working thank you 👍
Thank you!!!
thank you for the video! You are amazing
THANK YOU SOO MUch
Thank you so much man!! Love from India!!
Thanks 🙏
thanks man.
Hey, i did the hover effect its working but the header has expanded to the size of the dropdown
THANK YOU
Hey! By any chance we can make the Hover effect drop down menu transparent?
Incase you dont find the mine was on line 284
Thank you! How to remove also the arrows on header nav menu?
you are briliant sir
Thank you
Hello please share how to change its background color. I really appreciate any help you can provide.
I already did hahah just look up my channel.
You're very welcome.
@@OnHOWGuy Thank You :)
Thank you so much for your video!! How can we make the title item clickable? In you case, "Categories" clickable. For example I have the title menu "Shop" and in the dropdown menu "Man" "Woman", if I click on shop I want that it open a page with all the product man and women. Let me know if you have understood the answer. Thanks!!!!!!!!!!!
I tried it on Refresh and it does work for the hover part but when moving the mouse down to select an item from the list, the list disappears and doesn't let me click any item.
You are the peoples champion! Thanks for everything, watched a few videos and all good apart from this one hasn't worked ..would appreciate a pointer, if not no drama cheers anyways!
Hi brother, the hover effect does work for me, however, the menu doesn't stay open and closes as soon as I move the cursor which makes me unable to access the subsections in the menu. Can you please help me out on this? Thanks. (p.s. I am currently using dawn 15.1.0)
same issue
help me when i past this code the menu drops but but when i go to the drop menu it disappear quickly
Hi, I would like to know how to change everything in the heather when scrolling. I need the logo to change color, the 3 line menu bar to change color, the bag to change color and the background to have color (it's transparent)
Nice tuto, i love u
Thanks and love you too.
cheers
thank you man
You're very welcome
Hey I love your videos, I do not have /headed in my code. How can I work around this?
now how can I make It where I can click this video and it take me to a specific page of my choose.
say a product.
When I hover it works, but it closes before I can reach, can you please help?
same problem for me... any suggestions?
Brilliant!! may i ask how to make the menu shows in mobiles? my theme only shows the hanburger and logo on mobiles?
Thanks, most of the themes will show the hamburger icon by default so it might require some custom code that i don't have currently.
Keep in mind that there is no point of hover effect on mobile as there is no mouse to hover with, direct click with fingertip thats it.
Cheers
Works Great
What if they acces the website by the mobile?
Thanks a lot.. ❤❤
To awesome!!!!!!💪🏾💪🏾💪🏾
What's about hover on the store header logo from a static pic to animated gif? I've been trying for almost a week
Muito bom!!!
You probably won't see this but if you do PLEASE HELP - I am on shopify right now, my header right now is transparent but when I hover over the drop down menus IT GOES WHITE, how do I make it so the hover doesnt make the menu go white but stay transparent???
I wonder if this can be solved. The hover displayed menu disappears if you have sub-choices, and you scroll below those. So you can't click on menu items below anything with subsections. Well, you can if you first move back up and close the offsets. Then you can go lower, but you have to keep doing that on anything with sub-choices. Thanks!
Hey, i got that issue solved because many people had this issue, i just finished the fix video for it and will be posted in a couple of days.
Cheers
@@OnHOWGuyHey man! Is this video solved one or have you posted another video already?
Need your help. I followed the suggested steps but there is an issue. When I click a collection in the header, it does not open the link given in Navigation section.
Amazing! GOD sent!
Hi Dear, Thanks for great efforts and its been wonderful to be like expert after watching your videos. Kindly we would like to give you some feedback to improve further. This hover effect does not work properly as its skipping or back when there's a second menu item under top menu item which need hover like in second row.
yeah, i have this problem too
very nice videos this is very helpful for me
You're very welcome, glad i could help.
Cheers
Can you show in a video how to make grow text or link when mouse over?
can you make one to remove the arrow option please
Just delete the word muted and the sound comes on. How do i adjust size but ONLY for desktop view - i have a portrait shape video which looks great on mobile view - but unsure how to edit this to fit the desktop version - any solutions? thanks again!
@OnHOW i added the code in dawn theme im using megamenu , the hover works but it disappears when i want to click on a word from the megamenu how to fix it ?
Its probably some conflict in the code thats causing that issue, what theme/version are you using ?
Cheers
In taste theme it is the line 304.
Hi Anas, I am using the code , some how can't see the hover effect. Not sure if it still works . Can you please confirm
Hey, Can you please tell me which theme/version you using ?
Please let me know in a new comment as its difficult for me now to see replies.
Cheers
I went through everything EXACTLY as you said it, and it still isn't working for me. I have the Boundless theme, but it says it works for all of them so I'm not sure what I'm doing wrong. :(
Is there a way to add an animation?
IF you mean background animation then i already made that video.
Cheers
It does not work with dawn 14.0 anymore: if you hover a submenu and want to switch to an other element in the same menu the menu is closing
While using the code, I am getting an issue while hovering on the menu links, when I scroll down to the sub menu, the whole thing vanishes.
hello sir im a big fun of you i have a big problem in my shopify side bar how i can change the backgroud and font color
you are the best
Thank you, i appreciate that.
Cheers
it dont work for mega menu
same
Sir please make a video for hover effects on variants of products on home page please
I am unable to find the header in my code. Can you help?
the hover effect is their but when i move the cursor to the second category it disappers
thanx Anas
You're welcome
Very helpful, but unfortunately i am having some troubles. it seems that if i do that twice in a row for 2 different categories, the far bottom category wont "open" and the whole Categories colapsible row cancels itself and i cannot even select the far bottom sibcategory. any solutions? Thank you
I'm having the same issue, did you manage to find a way to fix it?
Tutorial start @3:05
thanks for your videos my friend, it helped a lot 🙂 everything works as u described, buuuuuuut its possible, that the first menu is also clickable? now i can just hover on it so the dropdown opens, but the main menu is not clickable
Hey! Did u find a solution?