Llevo dos días buscadon una solución a mi problema con el menú hamburguesa de Divi. Creé un menú con Theme Builder y ningún código CSS arreglaba mi problema. Pero gracias a tu vídeo pude arreglar el despliegue del menú para móviles. Gracias gracias gracias
Wonderfu! My "live" menus were giving me letters instead of icons. Maybe it's how they render on iOS? Anyway, finally found some that did work. HUGE help for our non-profit site. THANKS!
Thank you, I had it done, but what if you have too many items and they can't fit a page? How to make it scroll along? Could it be due to the fact that I have a sticky header?
Hey Josh. Very good tutorial. Thanks. So I'm trying to do the same thing with the custom vertical desktop main menu. So far I haven't managed to apply the same logic as your tutorial. Could you give me an idea to resolve this?
Could somebody help me? This code does not work on the website I am working on because I don' t use the divi main header, but I created a global header using theme builder. It seems that the css code points to #main-header. How the codes shall be modified. Moreover I would like to ask where I can put the css since I don't know how to create child theme yet. Thanks
Hi Josh, This worked for a while but once I started using Divi 4.0 and the Global Header feature this now does not work. I was wondering if anyone has a fix. Thanks for any help.
I was using the non-theme builder method and it was working great. Has anyone experienced issues with the sub-menus no longer collapsing on mobile with the jquery changes? Has anyone found a solution if the same issues have occurred for you?
Hi Josh any reason it is not working on my new site any changes I made sure all copied and paste as it should and in the right places hard refresh nothing thanks in advance for your help
Everything is great, but the menu only expands when you click on the icon. Is there a possibility that clicking on the caption will also expand the section?
as at 26 sept 2024 it doesnt seem to be working. I've copied for the theme builder as per your updated blog, and copied the jquery below it, but when i check on mobile device, the hamburger icon becomes unclickable.
these icons are appearing on right side. but I want to these icons on the left. because I am creating website in RTL language. Please guide how to do it?
I added these codes on 2 different divi websites and in both of them the sub-menus disappeared. I dont know what i am doing wrong bcoz its a simple copy/paste code..Can you pls help me Josh
Dear Josh, I made some websites and translated them page by page with ( ___Divi 4.0___ ) It means I have 2 menus ( 1- English 2- Persian ). My original pages is English (LTR: left to right), but my Persian language is (RTL: right to left) . My problem is direction menu on mobile & tablet view. I didn't find video about that. I just find _Divi Mobile Menu Collapse Effect _ it is good for (LTR). Could you please help me! I think I should use one code for (LTR) direction and also other code for (RTL) direction with a different Menu Name, But I can't do that . Thanks.
Not sure which course you're referencing but the big thing to remember is that it's an investment in yourself to make a huge ROI over and over and over again. A lot of my students are now making 6-figures and beyond and have been very vocal about what a worthwhile investment my courses are for them. You can always go for one of my lower end courses to work up to the business course if that's what you're mentioning!
I'm an avid follower of your channel, to me is the "go-to Divi bible", and was so happy to see your video on Divi mobile menu, which by the way Divi should fix this crappy code been waiting 3 years, anyhow it didn't work for me. I'm not sure if is because my Divi is set up in a Network and to access Divi child CSS I have to go outside Divi Theme I'm using, but I even dropped it in the theme customizer and nothing happened. Also, forgot to mention I'm using a "Global Header" not sure if this affects the outcome of the code. What do you, or anyone reading this, think is wrong? Thank you Semper Fi
Need your help facing some problem but not know how to solve it the main problem is your css code is working well but when ever I wants to add java script code I am not able to do that because the theme builder did not save that when I wants to save code without these tags the theme saves the code but it seems sove errors and disturbance in my website. You can see my website codefossils.com/ and can you please help me in solving my problem. Really unable to solve that As I don't have any knowledge of javascript so that I am unable to get what I want......... Waiting for you
I am a new learner was having same trouble for my site.. it fixed it instantly!! Thanks great job!!
You are literally the Jesus Christ of the online DIVI community. Thank you for everything you do.
Thanks, Josh! Absolutely TOP-DRAWER video! I will be buying your CSS course very soon, so please know that your generous giving has some payback!
Thank you, John! Looking forward to having you in the course! Best to reach me at joshhall.co/contact if you have any questions!
Llevo dos días buscadon una solución a mi problema con el menú hamburguesa de Divi. Creé un menú con Theme Builder y ningún código CSS arreglaba mi problema. Pero gracias a tu vídeo pude arreglar el despliegue del menú para móviles. Gracias gracias gracias
Thank you so much, I was able to create this for my mobile menu and customize.
So happy I found this tutorial, very helpful!
This works in 2021. Thanks for the clear instructions!
Awesome! Yeah it's still what I use on my site too :)
Wonderfu! My "live" menus were giving me letters instead of icons. Maybe it's how they render on iOS? Anyway, finally found some that did work. HUGE help for our non-profit site. THANKS!
Hi Josh, Thank you for this! I have a question how do I get this working for the mobile footer as well?
Josh, I'm wanting to recreate this but for a course menu for for desktop. Is there something slightly different that needs done in the code?
Thank you so much Boss,
You made my day, Allah bless you
How can I use this trick on a mega-menu on a blogpost on which I have removed the main header and replaced it with a custom full width menu?
Thank you, I had it done, but what if you have too many items and they can't fit a page? How to make it scroll along? Could it be due to the fact that I have a sticky header?
Only can use in categories?How to create expand and Collapsing new Arrival product?
Hey Josh. Very good tutorial. Thanks. So I'm trying to do the same thing with the custom vertical desktop main menu. So far I haven't managed to apply the same logic as your tutorial. Could you give me an idea to resolve this?
Thank you! Vielen Dank! Toller Code der wunderbar funktioniert, gut erklärt!
Thank you so much for this! It worked! Awesome!
Could somebody help me?
This code does not work on the website I am working on because I don' t use the divi main header, but I created a global header using theme builder. It seems that the css code points to #main-header. How the codes shall be modified. Moreover I would like to ask where I can put the css since I don't know how to create child theme yet.
Thanks
Thank you. This was exactly what I needed.
Hi Josh, This worked for a while but once I started using Divi 4.0 and the Global Header feature this now does not work. I was wondering if anyone has a fix. Thanks for any help.
did you manage to put in header feature?
Hello Josh please can help me, how can move a sidebar woocommerce, to the top menu on mobile view ?
This video saved my life
Thanks..
how do I make the items expand when users click on the menu item name, and not just the plus icon?
Im looking for same thing long time and no one answered me this question yet...
Very cool - I notice however that expanding one menu on mobile does not collapse the other one presently open. Do you know how this could be tweaked?
thank you so much you saved me here!
I was using the non-theme builder method and it was working great. Has anyone experienced issues with the sub-menus no longer collapsing on mobile with the jquery changes? Has anyone found a solution if the same issues have occurred for you?
nice ! but where you put code of icon ? sorry for this "simple" question, but my english is not good
Thank you it helped a lot🖤
Hi, is there a way to make the parent link, clickable too? thanks!
Excellent. Thanks you
Hi Josh any reason it is not working on my new site any changes I made sure all copied and paste as it should and in the right places hard refresh nothing thanks in advance for your help
Great stuff, thanks a lot. It's much more elegant than the similar solution that Elegant Themes suggested themselves (no pun intended).
Everything is great, but the menu only expands when you click on the icon.
Is there a possibility that clicking on the caption will also expand the section?
wher can we get the icon
Very helpful. Thanks
How can i make the submenu expand on mobile by pressing on a menu item with a custom link of # instead of pressing the icon??
If I use divi builder for header or menus it not working on there... Can you give me a solution please
Yeah this doesn't work for the theme builder. Working on a solution for that. This was pre-theme builder.
@@JoshHallco I always watching you video.... Can you make a video for pre-theme builder collaps menu
as at 26 sept 2024 it doesnt seem to be working. I've copied for the theme builder as per your updated blog, and copied the jquery below it, but when i check on mobile device, the hamburger icon becomes unclickable.
I still use this on both joshhall.co and webdesignerpro.com - both work fine. Not sure on your end...maybe clear cache??
these icons are appearing on right side. but I want to these icons on the left. because I am creating website in RTL language. Please guide how to do it?
It worked on one of my sites but not the other and I have no ide what went wrong
''Thank you'' should say it all
I added these codes on 2 different divi websites and in both of them the sub-menus disappeared. I dont know what i am doing wrong bcoz its a simple copy/paste code..Can you pls help me Josh
Dear Josh, I made some websites and translated them page by page with ( ___Divi 4.0___ ) It means I have 2 menus ( 1- English 2- Persian ). My original pages is English (LTR: left to right), but my Persian language is (RTL: right to left) . My problem is direction menu on mobile & tablet view. I didn't find video about that. I just find _Divi Mobile Menu Collapse Effect _ it is good for (LTR). Could you please help me! I think I should use one code for (LTR) direction and also other code for (RTL) direction with a different Menu Name, But I can't do that . Thanks.
THANKS!
doesn't work on my online shop :(
Where can I find the icon list?
Link in the post!
www.elegantthemes.com/blog/resources/elegant-icon-font
His website is really nice actually, I am shocked how helpful he is for free, Definitely consider taking some/one of his classes.
@@jacobwonder6735 thank you! Hit me up if you have any questions at joshhall.co/contact/
elegantthemes.com/blog/resources/elegant-icon-font
Thanks man - Great content shame your course is so expensive.
Not sure which course you're referencing but the big thing to remember is that it's an investment in yourself to make a huge ROI over and over and over again. A lot of my students are now making 6-figures and beyond and have been very vocal about what a worthwhile investment my courses are for them. You can always go for one of my lower end courses to work up to the business course if that's what you're mentioning!
Will this work on divi 4 mobile menu?
theme builder changing class names. See this divi.help/threads/collapse-submenu-items-in-the-mobile-menu.3584/
No, it doesn't work on Divi 4. If you find any code , please let me know! thanks
@@sarajavid237 i posted it above?
@@gabrieldenys2941 I try it your link now , it is not working too.
@@sarajavid237 worked for me just fine with latest Divi
This code doesnt work for me
If you have Divi 4 then see divi.help/threads/collapse-submenu-items-in-the-mobile-menu.3584/
Great!
I'm an avid follower of your channel, to me is the "go-to Divi bible", and was so happy to see your video on Divi mobile menu, which by the way Divi should fix this crappy code been waiting 3 years, anyhow it didn't work for me. I'm not sure if is because my Divi is set up in a Network and to access Divi child CSS I have to go outside Divi Theme I'm using, but I even dropped it in the theme customizer and nothing happened. Also, forgot to mention I'm using a "Global Header" not sure if this affects the outcome of the code. What do you, or anyone reading this, think is wrong? Thank you
Semper Fi
I plan to add some code to the post THIS WEEK that will work with the theme builder!
@@JoshHallco Thank you so much, really appreciate all your effort. PM
NICE JOB! Option 1 no successful, but Option 2 its OK
WHat if you just want to make a Collapsable "desktop" menu? NOT mobile....
Need your help facing some problem but not know how to solve it the main problem is your css code is working well but when ever I wants to add java script code I am not able to do that because the theme builder did not save that when I wants to save code without these tags the theme saves the code but it seems sove errors and disturbance in my website. You can see my website codefossils.com/ and can you please help me in solving my problem. Really unable to solve that As I don't have any knowledge of javascript so that I am unable to get what I want.........
Waiting for you
top