How To Create A Fullscreen Overlay Menu With The Divi Menu Module

[@grantsenior3291]

Hi there Nelson. This is great and is just what I was looking for! Thank you so much for showing this, you saved me a lot of time!! Just a few things for anybody else who's trying this and runs into the few problems I had - when I did the first few steps, the hamburger icon wasn't showing; you need to do Nelson's first tutorial, 'How To Show A Divi Hamburger Menu on Desktop' to get the hamburger icon showing. After that, I found that if I placed the CSS from this tutorial into the section's custom CSS it didn't work and screwed up my page's styling big time. But by pasting the CSS into the Custom CSS in the Divi Theme Options, it did work. Again, thanks heaps!! (I'm surprised there's not a Divi module for doing this yet.)

[@PeeAyeCreative]

Thanks so much for sharing!

[@phomra]

Many thanks for the tutorial. How can you make the menu expand in the mobile view (with three flex columns) so that it occupies the entire screen? if I have inserted it in the first column and it comes out smaller than the size of the column. Congratulations and thank you

[@heleni3280]

Hey Nelson! I noticed that the hamburger/X button shifts to the right when the menu is open. How does one prevent that from happening?

[@chiefkibitzer9419]

Nice stuff Nelson! The Chief loves it!!

[@PeeAyeCreative]

Thank you, I'm so glad :)

[@nicholasmlynn]

Thanks!

[@PeeAyeCreative]

You're welcome, thank you so much for your support!

[@KathrynEngland]

Thanks! You're awesome.

[@jlmf6274]

Hi Nelson! I just want to say that your content is fantastic! Thanks!

[@lukas-6733]

how can i make this only for mobile devices

[@jacquieriley7101]

Thanks so much Nelson!

[@Tdudrivetime]

Excellent as always.

[@PeeAyeCreative]

Thank you!

[@gunayfarzalibayli2172]

is it possibile to do menu list in 2 columns? not in 1, as video.

[@PeeAyeCreative]

Probably so, but that would not be related to this tutorial.

[@phillipschristoph]

@pee-Aye Creative I love the tutorials on Divi Thank You. I am running into an issue, I've followed the tutorial exactly but for some reason the code only displays correctly 50% of the time. If I look at the mobile menu it works, but then I refresh my page and it goes back to displaying the default divi menu. I noticed that when this bug happens, the the css is coming from "inline:12" css file and not the the custom div theme editor where the pa-fullscreen code is at. Do you have any suggestions on how to turn off this inline default divi menu code? Thank You

[@ustxjulio]

great tutorial and thanks for the css coding!!! I adjusted for what I needed and it's perfect!!

[@PeeAyeCreative]

Awesome, exactly what I want people do to, thanks!

[@coderplus362]

Just Awesome

[@PeeAyeCreative]

Glad you like it!

[@andersrydingdaugaard]

nice tip - as always

[@PeeAyeCreative]

Glad you liked it!

[@josemanuelmartinezreyes6278]

Awesome, you rock!

[@ghostdog1328]

Thaaaank uuuuuu! 🤩🤩🤩

[@PeeAyeCreative]

You're welcome! Enjoy! 🙂

[@claus31130]

Nice one

[@PeeAyeCreative]

Thanks!

[@kyneba6988]

Hello, I tried it but it doesn't work for me, I don't Know why hh

[@PeeAyeCreative]

I'm not sure why either.

[@akaur1444]

How to create a similar slide in menu but not in full screen?

[@PeeAyeCreative]

Well we can't answer that in a comment, maybe we will consider it for another tutorial.

[@akaur1444]

@@PeeAyeCreative yes please, would really appreciate that.

[@bradblecker7148]

I tried today, and it doesn't work on mobile..

[@sanderkoit7667]

I have the same issue. Any known fix to that?

[@grants7895]

First yeewwww

[@PeeAyeCreative]

Haha 😊