/ / Stiftung Zurb Navigation - Navigation, zurb-foundation

Stiftung Zurb Navigation - Navigation, zurb-foundation

Ich benutze Foundation Zurb 3 und habe eine obere Navigation Wenn der Browser Vollbildmodus ist, sieht die Navigation gut aus, aber wenn ich sie komprimiere, habe ich nur einen schwarzen Balken. Vielleicht haben manche so ein Problem?

Antworten:

0 für die Antwort № 1

Es ist schon eine Weile her, seit ich daran herumgebastelt habeFoundation, aber ich stieß auf ähnliche Probleme beim Versuch, die Bildschirmbreite Einstellungen in den CSS-Dateien zu ändern - ich glaube, es gibt mehrere Einstellungen, die für die obere Leiste identisch sein müssen, um richtig zu funktionieren.

Um dies richtig zu machen, müssen Sie entweder:

  • Laden Sie eine neue Kopie der Foundation-Bibliotheken von ihrer Website herunter, stellen Sie die Bildschirmbreite mit ihrem Anpassungswerkzeug ein (und ändern Sie sie danach nicht mehr), oder

  • Verwenden Sie die SASS-Version, und ändern Sie die Bildschirmbreitenvariable in den SCSS-Dateien (ich habe dies nicht getan, kann also keine weiteren Details angeben).

BEARBEITEN: Sehen Sie sich nur Ihr Code-Snippet an - Sie müssen unter Umständen einen Breakpoint einfügen toggle-topbar Listenelementklasse, z.B.

<li class="toggle-topbar"><a href="#"></a></li>

0 für die Antwort № 2

Schwer zu sagen, was vor sich geht, ohne dein zu sehensample (link isn t funktioniert nicht), aber der beste Startpunkt ist, den Arbeitscode von jemandem in die Datei zu kopieren und zu sehen, ob er sich richtig verhält. Damit können Sie als Benchmark Ihren Code vergleichen, um zu sehen, wo die Abweichungen liegen.


0 für die Antwort № 3

Wenn Sie die Breite der Toggle-Topbar von 50% auf 100% ändern:

.top-bar ul > li.toggle-topbar {
cursor: pointer;
display: block;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 50%;
}

zu

width: 100%;

Diese Website demonstriert diese Technik:

http://catch-ps.com/