Spice Up Your Mobile Menu Designs (use GenerateBlocks inside of your GeneratePress menu!)

When it comes to the mobile menu options inside of GeneratePress, I’ve always been a big fan of the slide-in off-canvas option.

But the options in the customizer alone leave the menus feeling just a tad boring.

Now, I’m not making the case that your mobile menu should be some extravagant or elaborate design — but I do think going from this, to this is a huge improvement.

In fact, I recently did this on a client project, and I think it ended up being my favorite part of the entire website!

And thankfully, it’s really easy to do with just a couple GeneratePress elements and one CSS rule.

So, if you’re interested in spicing up your mobile menus, stick around, and let’s get into it!

[ Video Created and Produced by Kyle Van Deusen ]

👏 COMMUNITY

(voted best WordPress community!):

🔴 EVENTS

🎁 PRODUCTS

📨 NEWSLETTER

🤖 MISC

[irmiwoelfle]

Thank you so much for this video. Exactly what I was looking for. 🙏

[alfagelnne]

Great video! Enjoying following along this tutorial, as was just about to start designing the mobile menu for a Generatepress and Generateblocks website I am building

[DrSamuelHailu]

Great Content! I do not see the Off Canvas Pnael in my color customizer, anything I can do to change the mobile navigation background color? thanks

[creativicial]

very nice video, thank you very much. Waiting for the next video about Generateblocks generatepress. success always for you mate. 🎉

[virtuallearningspace]

HI Kyle, great tutorial. I followed all instructions, including the CSS and the hook properties. Somehow the element is not showing in the off-canvass menu. Is there somewhere I should retrace to isolate the issue. Many thanks.

Celito

[PeterMelling]

Excellent timing! I've just added it to the current site I'm doing. I had a great tall thin photo but couldn't work out where I could use it because of the aspect ratio. It's now a background for the mobile menu - thanks!

[SparklingINsilencE]

Very cool, now im interested how you made the hero section. Looks amazing, thanks for sharing ! 👏

[chriswagoner]

Too cool 🎉 Thanks for sharing this. That is a lot of steps to get that done 😳

[sureshkannan]

How to edit mobile theme in generatepress.
Can u suggest any of your videos

[DeveshKumar]

hi i appreciate your great efforts, I have tried finding these page attributes in my editor but could not find them, are you using GenerateBlocks pro as i can not edit block element like you have show for placing sliding logo

[URandomGuy]

Hello Kyle, I hope you are doing well. I have a question and it is if that same menu that you have created for a mobile can be used to create a vertical header for PC? I have tried to find a tutorial on how to recreate a vertical Menu or header in GeneratePress without the use of Elementor or other plugins but I have had no luck and I was wondering if you could recreate a vertical menu just using GeneratePress and GenerateBlocks.
Thanks in advance.

[rogermarquez]

You have turn GP+GB as one of my favorite website builder tools that I recommend a lot to MUST-HAVE TOOLS!

[haikelareff]

hey ive been watching your stuff regularly and already a generatepress user. btw can you show us more on mobile layout since im having trouble to get the sizing right especially for 1 row post templet element

[markatgrafx]

Great video - as always! What dimensions are best for the background image?

[daizzer]

How do you do it when you have a custom Header Element, it is not working for me.

[BenedictusOktaviantoro]

Hi Kyle. Thank you for making the GeneratePress and GenerateBlocks tutorials.

Can you make a tutorial to enhance the look of the search icon on GeneratePress?

Because we know for ourselves that the appearance of the search icon on GeneratePress is very basic. Maybe made like a Kadence Theme.

Thank you. :)

[TheBeeOBee]

Alright i have to google what GeneratePress is.