WBCE CMS Forum

z650b1

Member

Template Verti-Blue Menü-Link

Hallo,

Danke schonmal für eure Hilfe.

Ich nutze das Template Verti-Blue. Wie kann ich verhindern das sich die Navigation ins Logo schiebt wenn das Browserfenster verkleinert wird?
In dem Verti von html5up.net passiert das nicht.

MFG
Roman

byteworker

Member

Re: Template Verti-Blue Menü-Link

Der blaue Kasten um die Navi und das Logo braucht seinen Platz. Wenn Du zu viele Links/Seiten in der Navigation hast, kommt das vor.

1. Navigation verändern
Entweder die Navigation reduzieren auf weniger Seiten in der ersten Ebene, oder ich verwende gerne eine andere Schriftart für die Navi, irgendwas schmallaufendes.

2. CSS der Navi anpassen

Öffne die main.css

Ändere die Abstände:

(Zeile 2196 herum)

#nav ul li {
  float: left;
  line-height: 4.5em;
  padding-left: 1.5em;

  padding-right: 1.0em;
}

Ändere die Schriftgröße in der Navi:

(Zeile 2203)   
Im Abschnitt:
#nav ul li a, #nav ul li span

font-size: 0.90em;

Last edited by byteworker (16.07.2025 08:46:38)

---

= Templates für WBCE

florian

Administrator

Re: Template Verti-Blue Menü-Link

Beim "Original-Verti" auf html5up.net ist der Breakpoint, bei dem die Navigation zum Hamburger-Menü springt, anders konfiguriert. Ich habe aber nicht rausgefunden, wo und wie.
Wenn man nur dem Logo mehr Platz einräumt, ohne den Breakpoint zu ändern, rutscht ja die Navigation auf zwei Zeilen, und das ist ja auch nicht optimal.

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

mk70

Member

Re: Template Verti-Blue Menü-Link

Bei dem Originalen bricht er bei 980px um.
Ab Zeile 2163 bis 2331.

Das Tpl aus wbce:
Hier sind vorher rund 200 Zeilen mehr, also den Breakpoint bei ca. 2396 suchen.

Ich würde das Hamburgermenu früher kommen lassen, wenn ich zu viele Menupunkte habe. Versuche mal mit 1024px und ggf. mehr.
Ggf. musst Du im CSS für den Navibereich einzelne Breakpoints setzen, wenn der Rest zu früh auf Responsive umspringt und das nicht gewollt ist. 

---

Gruß Mac

... der hier noch viel lernen/herausfinden muss 

z650b1

Member

Re: Template Verti-Blue Menü-Link

Danke für die vielen Antworten

Ich habe den @media screen geändert, das hat geholfen.

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

        /* Basic */

            body, input, select, textarea {
                font-size: 12pt;
            }
            #vapplogo {
            height: auto;
            width: 150px;
            }

    }
Danke nochmal an alle, es war mir wie immer eine Ehre :-)