如何在调整大小时从 Wordpress 中删除移动菜单但保留桌面菜单？

Question

I'm wondering if there's any way to remove a mobile menu from Wordpress, which automatically is activated at 48em or 767px .

There is no code in the CSS of my site which enables that hamburger menu and I tried one solution such as adding to styles.css the following code:

 button.menu-toggle {
    display: none !important;
 }

and

 #top-menu {
      display: block !important;
 }

(the site is http://areolamodels.com/ )

But it still won't work – the hamburger button is gone, but the top-menu displays in the design, which is different from the desktop version and I want to have to desktop version... Is there any js function that does it instead of CSS?

Thanks!

Answer 1

you may add this code :

 @media all and (max-width:767px) { #top-menu { display: block!important; margin: 0; text-align: center; background: none; } .main-navigation li { display: inline-block; margin: 0 10px; } button.menu-toggle { display: none!important; } }

it will adjust the style so the menu remain like desktop

Answer 2

Remove @media screen and (min-width: 48em) from

@media screen and (min-width: 48em)
.main-navigation {
    width: auto;
}

Answer 3

Check out this selector:

.js .main-navigation.toggled-on > div > ul

This is the one toggling display