Hide Hauptmenü, aber nicht andere Menüs auf Handy

Question

Meine Website ist http://www.brightlegal.co.uk. Ich hatte Probleme, mein Hauptmenü richtig mobil zu machen, also entschied ich mich stattdessen, ein mobiles Reponsive-Menü-Plugin zu installieren (ich benutze Wordpress). Ich habe versucht, das Hauptmenü auf mobilen Geräten mit dieser CSS zu verstecken:

@media screen and (max-width: 768px){ 
#main-nav-wrap { 
    display: none; 
} 

jedoch auf einige meiner Seiten habe ich „Untermenüs“ auf der linken Seite. Zum Beispiel, hier: http://brightlegal.co.uk/individuals/family/ und mit diesem css implementiert es auch diese Menüs auf mobilen Geräten entfernt. Wie kann ich das verhindern?

Danke, Becky

Answer 1

.ui.nav { 
    display: inline-block !important; 
} 

Answer 2

Für linkes Menü .tb-column-inner #menu-391-1-0-1 { display:block }