2016-07-02 21 views
0

Ich suche die Navigationsleiste und Fußzeile in einer GoNative.io App zu verstecken. Ich bin nicht vertraut mit CSS überhaupt, aber ich habe versucht, dies:CSS - ausblenden Nav Bar & Footer

nav.navbar.navbar-inverse.navbar-fixed-top { 
display: none !important; 
} 

und mehrere andere Variationen, aber es wird einfach nicht verbergen. Hier

ist das Layout der Website

enter image description here

Ich bin ein wenig verwirrt, wie die Struktur, um verlegt werden muss, für das Hinzufügen von benutzerdefinierten CSS, dies zu verbergen.

+0

hinzufügen 'id =‚nav-bar'' innen 'nav' Tag und in Ihrem css - '# nav-bar {display: none;}' – ihemant360

+0

Haben Sie versucht, den CSS-Stil mit Chrome DevTools (oder dem entsprechenden Live-CSS-Editor Ihres Browsers) anzuwenden? Funktioniert es von dort? – asemahle

+0

@asemahle Ja, über Chrome kann ich mit der rechten Maustaste klicken und das Element ausblenden oder Anzeige hinzufügen: keine und es funktioniert. – Sam

Antwort

0
.navbar{ 
    visibility: hidden; 
} 
+0

Das hat funktioniert - Danke. – Sam

0

sollte der Wähler nur nav.navbar sein oder einfach nur .navbar

nav.navbar { }