[Resolved] Slideout hamburger icon

[Mark]

Is there a way to have the slide out hamburger icon and text with “Menu” at the same time? I only want to use the slideout menu with no primary menu but, I want “menu” to be seen to the right of the icon.

Thank you!

Mark

[Tom]

Hi Mark,

This might help: https://generatepress.com/forums/topic/slideout-menu/#post-162826

[Mark]

Thanks Tom

Where is this getting added at?

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

[Tom]

This should help: https://generatepress.com/knowledgebase/using-menus/

Check out the Custom Links section.

[Mark]

Thanks again Tom.

Yes, I’m fairly familiar with all that. And I did try to add a custom link but, nothing happened following the direction you first gave. Heck, I even try to make the custom link a parent and the over pages children. Didn’t see any difference.

[Tom]

Any chance you can link me to your site?

[Mark]

Do you want a login? Here’s the testing server. http://websolutionsbymark.info/

I’ll send you login info if you’d like as well.

Appreciate it Tom.

[Tom]

Hmm, not seeing the other menu item added, but maybe just using CSS would be easier:

.slideout-toggle a:after {
    content: 'Menu';
    padding-left: 10px;
}

[Mark]

Yep, that does it. I think that’s probably the best way.

Thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts