Set Hamburger menu to always visible

Shapely
1

Hi there,

since this morning, I try to let the Hamburger menu be displayed all the time, not only, when the screen is less than 991px. How can I accomplish that?

Thanks in advance!

Best,
Jamirokwai

2

I forgot to mention the page: wp.annahepp.com

3

Hi Jamirokwai,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


#page .module.widget-handle.mobile-toggle.right {
    display: block !important;
}

Best Regards,
Movin

4

Wow, great. That worked. Thanks a bunch!

I even managed to let the opened menu close when beginning to scroll.
Just add this to header.php before the wp_head-part, using the script-tag.

window.onscroll=function(){
if(jQuery("#menudiv").hasClass("nav-open")) { jQuery("#menudiv").removeClass("nav-open") }
}

Cheers, and thanks again
Jamirokwai

5

You are most welcome here :slight_smile: