The 2025 Survey Results Are In!

Spice Up Your Mobile Menu Design

Transform your mobile menus from boring to bad-ass with these simple tweaks!

Kyle Van Deusen

Published:

Filed Under:

General

Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a resident of the Commonwealth of Virginia.

This content contains affiliate links. View our affiliate disclaimer.

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!

Here’s the CSS you need:

#generate-slideout-menu:before {
    position: absolute; 
    width: 100%;
    height: 100%;
    content:'';
    background-image: url('IMAGE-URL');
    background-position: center center;
    background-size: cover;
    opacity: .3;
}
Share This Article!
Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a resident of the Commonwealth of Virginia.

Come Join Us!

Join the #1 WordPress Community and dive into conversations covering every aspect of running an agency!

Kyle Van Deusen

Community Manager

Latest Events

March 17, 2025

Name That Page Builder!

Think you can smell a Divi site from a mile away? It’s time to put your prowess to the test with the hottest new game in WordPress!

February 18th, 2025

Freelancer to Agency

Care Plan Toolkit

Save time, boost profits, and confidently manage client websites with proven tools, tips, and resources.

Bento Toolkit
The Friday Chaser

Wash down the week with the best of The Admin Bar! News, tips, and the best conversations delivered straight to your inbox every Friday!

More Articles

Barfly profile taylor drayson

Member Spotlight: Taylor Drayson

Taylor Drayson got his start in WordPress by helping with product data entry as a teenager …

Man standing in harvested wheat field, near pendleton,usa,a man standing on the horizon of a field of stubble.

Why Am I Not Generating High-Quality Leads for My Web Dev Agency?

Banging your head against a wall trying to generate high-quality leads? Find out where your web dev agency is going wrong and how to attract better leads.

Barfly profile howard spaeth

Member Spotlight: Howard Spaeth

Howard didn’t take the typical path into web design—he was fresh out of college, working at …