Hide Desktop Navigation Menu on Mobile Version so Just Hamburger Menu Shows

[Scott Bishop]

Can anyone help me hide my desktop version of my main navigation menu from showing up when viewing on a mobile device? The hamburger menu is already visable so I don't need two Nav menu's. 

Ning helped me customise my Nav menu (thank you, thank you) when converting over from N2 to N3 but forgot to have it hidden in the mobile view. Ning has emailed me asking if everything is okay but they haven't gotten back to me after replying about this. 

You can see what I mean by going to https://surfershot2.ning.com and press the F12 key. (Note: this site has not been redirected yet)

[Elizabeth Ning Support]

Hello Scott, 

We do apologize for the inconvenience and the delayed response.

We have contacted our migration manager and asked him to check your navigation menu issue and get back to you via email as soon as possible.

We do appreciate your patience and understanding.

Feel free to contact us if you have any other questions,

Best regards, 

The Ning Team 

 

[Scott Bishop]

Sweet! Thanks.

[Bizz]

@media only screen and ( max-width:771px ){

.mainTab.condensed-visible{ display:none }

}

[Scott Bishop]

Hi Bizz, Thanks for chiming in but that didn't work. 

[Bizz]

Give this a try Scott

@media only screen and ( max-width:771px ){
.mainTab{display:none!important}
.mainTab.condensed-visible{ display:block!important}
}

[Scott Bishop]

Like magic! Thank you so much!!!

[Bizz]

Thanks Scott, glad it worked out for you. 👍