Instead of using the Icon List, you can use the Nav Menu (Elementor Pro) widget or similar widget from some free plugin (like ElementsKit, it has a Nav Menu in the free version). You will need to create a menu first (WP Dashboard -> Appearance -> Menus). The Nav Menu widgets have a mobile dropdown option, and you can set the breakpoint (when the menu becomes a hamburger icon) to tablet >1024px or mobile >767px.
@@CreateOnWeb if I use wp plugin i will not find this video at the first place, i like this tutorial because this icon list solution is somehow smart. anyway i will try your advice of elementskit. thank you very appreciate your work making this video.
@@indioarmani8209 Thank you Indio! I will add this to my list of videos, so expect a video in the future about this - hamburger mobile menu, free and no extra plugins.
I did it transparent, but i am not able to click on the links, if i change the position of the icon list below the container using transform, then it's redirecting to other page.. May i know the reason.?
I deleted the old menu (through appearences) , and want to replace it with this new menu. But the old menu keeps coming back. Anyone know how to fix this?
I tried using the code but i have some issues, i dont know if the issues are because i am using flexbox container or for other reason, what happens is that when i paste the code, in the editor preview seems to be working but when i publish it, it doesnt work in a private browser tab, also, i have a back to top button that i have setup with transparency 0-80% so it dissapears when its on the top and it only shows up when you are scrolling down, now the button will fully load since the very beginning and i dont know why the code is affecting the button.
Hi, thank you for this tutorial! I had following issue when implementing the html code, the transparent sticky header functions impecably but on below sections of the website, some photos became transparent/invisible. Any idea how can this be fixed? Thanks a lot
Hi! The problem you have shouldn't be because of the code provided, but I guess anything is possible... I'm curious what is happening on your website to cause that. If you want, share the URL where the photos become invisible, and I will try to help you fix it.
@@CreateOnWeb Hi, thank you! When I remove the html code, the issue dissapears. I'm not sure how to share the url with you without sharing it publicly though since it is still a working stage. Thanks
Simple, moderately geekish, effective, PERFECT! Thanks a lot, dude!
Make MORE videos like this. You are doing great
I have watch many videos about transparent BG. But none of these were work. Thanks for the video. Z index works for me.
Damn this was really good , tnx 🙏
finally i found this video, this is so perfect! Thanks a lot🙏
yooo so underrated... thanks a lot my guy! u saved my day :D
Worked for me - 9/25/2023 ... Thx! ... I'll sub & buy you a coffee.
I spent 2 days working on this but after I watched this video I did it with 6 minutes.
It dosen't work on my site, probably an updated of elementor that dosen't recognized the code.
Really worked for me in Elementor header !!!Thank you 😁
3:40 Just the solution that I was looking for, thanks!
Awesome- liked and subscribed. Thank you!
Worked!! Great Tutorial
the html code doesn't work
how to change those icon list menu to hamburger menu in mobile? this is cool tutorial.
Instead of using the Icon List, you can use the Nav Menu (Elementor Pro) widget or similar widget from some free plugin (like ElementsKit, it has a Nav Menu in the free version).
You will need to create a menu first (WP Dashboard -> Appearance -> Menus). The Nav Menu widgets have a mobile dropdown option, and you can set the breakpoint (when the menu becomes a hamburger icon) to tablet >1024px or mobile >767px.
@@CreateOnWeb if I use wp plugin i will not find this video at the first place, i like this tutorial because this icon list solution is somehow smart. anyway i will try your advice of elementskit. thank you very appreciate your work making this video.
@@indioarmani8209 Thank you Indio! I will add this to my list of videos, so expect a video in the future about this - hamburger mobile menu, free and no extra plugins.
You could hide the original menu for mobile, create another menu using accordion and hide it from desktop (use Hamburger) for the icon
Sir your videos are informative why you leave channel..mean just upload 3 videos..?
I did it transparent, but i am not able to click on the links, if i change the position of the icon list below the container using transform, then it's redirecting to other page..
May i know the reason.?
Thanks you sir!
It's very helpful for me.
please brother I want the background image in video please that has a person like motion graphic
please i want it
hi somehow my header disappeared, how can I find it again?
not working... please help
How to make this element appear on all pages?
straight to the point. thanks!!
I deleted the old menu (through appearences) , and want to replace it with this new menu. But the old menu keeps coming back. Anyone know how to fix this?
it worked!!!... you are a genius! tahnk you!!!!!
this header will show on this particular page. it will not work on all the pages. and how to add sub menu?
I tried using the code but i have some issues, i dont know if the issues are because i am using flexbox container or for other reason, what happens is that when i paste the code, in the editor preview seems to be working but when i publish it, it doesnt work in a private browser tab, also, i have a back to top button that i have setup with transparency 0-80% so it dissapears when its on the top and it only shows up when you are scrolling down, now the button will fully load since the very beginning and i dont know why the code is affecting the button.
Perfecto 👌👌👌 I've suscribed !
is there a way to add sub menus to the main menu?
Your an animal! thank you for so much information. Brother - great teaching
It's not showing on all my pages, only the homepage, please help!
So copy the html code and paste it on the site´s you want.
its different now with the last version of elementor pro 3.21.1
But how i can do the header in mobile to be inside a boz and not under the logo?
If we need to add a sub menu in services that is not possible 😅
simple and very helpfull
Perfect ,Thank you
Thanks a lot brother!
not working on the front end
great job
Great.. Thanks
Thank You!!
but bro this header is only for one page not for other pages
Thanks
Hi, thank you for this tutorial! I had following issue when implementing the html code, the transparent sticky header functions impecably but on below sections of the website, some photos became transparent/invisible. Any idea how can this be fixed? Thanks a lot
Hi! The problem you have shouldn't be because of the code provided, but I guess anything is possible...
I'm curious what is happening on your website to cause that. If you want, share the URL where the photos become invisible, and I will try to help you fix it.
@@CreateOnWeb Hi, thank you! When I remove the html code, the issue dissapears. I'm not sure how to share the url with you without sharing it publicly though since it is still a working stage. Thanks
I have same the issue, how did you solve it?
Changing the jQuery version from 1.8.3 to the most recent one seems to fix this issue
Thank you
Bro start making videos again :D
very thanks sir
Thank you ❤
It's NAV! Not Header. Header is section with Web Designer text, button, image etc. It's important for Google robots. Nav!!
Nah bro, that's the hero section.
thank you so muchhhhhhh
Brilliant. 💛
😊
Doesn't work for me
Doesn't work..
these are all fake comments broo its sooo easy
Really worked for me in Elementor header !!!Thank you🤗
Thank you very much.