Header: Hamburger menu options | WordPress.org

[ad_1]

Hi @rargames,

Thank you for using Neve FSE!

Yes, it is possible to manually choose the width at which the menu should change. This can be achieved by inserting the /wp-admin/customize.php structure at the end of your site’s URL, and open the Additional CSS panel. There you can insert this code:

@media screen and (max-width: 780px){
.wp-block-navigation__responsive-container{
display: none !important;
}

.wp-block-navigation__responsive-container-open {
display: block !important;
}
}

@media screen and (min-width: 781px){

.wp-block-navigation__responsive-container-open {
display: none !important;
}

.wp-block-navigation__responsive-container{
display: block !important;
}
}

Please keep in mind that 780px and 781px are just values for an example, you can change them in order to suit your needs.

Additional information:

.wp-block-navigation__responsive-container-open {
display: [value] !important;
}

this snippet targets the hamburger menu and chooses how/if to display it, and this snippet:

.wp-block-navigation__responsive-container{
display: [value] !important;
}

targets the regular menu (the one displayed on the desktop version).

I hope this answers your question.

Best regards,

Mara

Thanks, that’s what I was looking for!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer