remove responsive menu box

[mrjWells]

I am building a site with no visible menu, but when the page size is reduced the menu box that says “select a page” shows up. How do I get rid of this?

[Kyle – SUPPORT]

Please can you provide me with a link? I think you are referring to the topbar menu and not the main menu.

– Kyle

[mrjWells]

Hey Kyle, you may be right, but I don’t have anything in either menu so I’m not sure which it is. Idealy, I would like to choose not to display this box or a menu on some pages, but to have it show on others. Don’t know if that is possible.

The box I am referring to is the orange box that appears below the logo when the page size is reduced.

URL is: http://quantumleap1000.com/

[Kyle – SUPPORT]

Try this:

.visible-phone.show-menu {
display: none !important;
}

If you want to only hide it on certain pages, then add the page id before it e.g.

.page-id-570 .visible-phone.show-menu {
display: none !important;
}

– Kyle

[mrjWells]

Perfect, thanks so much Kyle. Just so I know what element is involved here, was it the main menu or the topbar menu and why does the CSS include “phone.”

[Kyle – SUPPORT]

It was the main menu, the class is .visible-phone because the mobile menu is only visible on phones.

Hope this helps

– Kyle