slideout menu

You have menu items in that created menu, correct?

If so, the last thing you should need to do is go to "Customize > Menu Plus" and enable the slideout menu on desktop, mobile or both.

Yes, there are menu items. Slideout menu in the customizer is set to both. I want it to work on the desktop. I can get the menu icon when I close down on the width of the window, but not when the window is expanded.

Chad

Do you have a primary menu set as well? That's the only way for the menu icon to appear on desktop.

Ok, thank you. That did the job.

Is there a way to add the word "menu" on the desktop, like on the mobile?

Your best bet is to hide the current item:

.slideout-toggle {
    display: none;
}

Then add a custom link to your menu and give it the class of custom slideout-toggle.

In your custom link you can give it a navigation label of: <i class="fa fa-bars"></i> Menu

Then add this CSS:

.custom.slideout-toggle {
    display: block;
}

That should do it :)

Works perfect! Thank you Tom.

Chad

You're welcome :)

It took a minute to wrap my head around that one but now I get it. I didn't see how eliminating the menu items made any sense. Menu now looks like I want. Thanks a ton for your patience.

Glad I could help! :)

I had the same problem, but solved it using the info above, however the slide-out toggle has now forced my logo in the header off to the right hand side. HELP!?

Hi there,

This topic is quite old.

Can you start a new one and provide a link to your site?

Thanks!

Hi tom
I tried your recommendation to add the word menu to hamburger menu icon but doesnt seem to be working
1. original slideout toggle didnt disappear
2. the new toggle had 2 toggles plus the word Menu

See it at bizzservices.org
thanks
David

Hi David,

The original topic is from 2015 so a lot has changed since then.

Do you mind opening a new topic?

Thanks!