Do not display the select a page mene output on mobile

[Bitedge]

Hi guys, with my menus now managed by a plug in I want to hide the select a page menu output the theme generates on mobile.

How I do this for the top bar?

How would I do this for the main navigation menu?

at what pixel width does the theme generate these rather than the displaying the full menu.

[Kyle – SUPPORT]

Hi

What’s your link?

– Kyle

[Bitedge]

http://www.bitedge.co/

[Kyle – SUPPORT]

Add this to your custom css:

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

– Kyle

[Bitedge]

That works on both the top bar menu and the main menu at once thanks.

I need a way to

1.
not show the top bar menu while still showing the main menu

2.
just not show the main menu while still showing the top bar menu

can you tell me at what pixel width the theme snaps into mobile mode please? seems about 750px?

[Kyle – SUPPORT]

Not sure what you mean with 1 & 2? Which menu do you want to show?

768px

– Kyle

[Bitedge]

There are 2 menu locations in the theme, the top bar and the mani nav bar.

The custom css you provided hides both on mobile, I want to just hide the top bar (keep showing the main nave bar)

[Bitedge]

See the attached screenshot where I have labeled the 2 menus as they appear on mobile with red numbers 1 and 2, I want to hide 1 but keep showing 2.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Ok remove the previous css and add this:

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

– Kyle