Customizr: Hilfe bei der Navbar

chily

Hallo zusammen,

Ich verzweifle gerade über meiner navbar, habe jetzt schon Stunden investiert und komme einfach nicht weiter. Vielleicht hat ja jemand von den Profis ein paar Minuten Zeit.
Die Seite: http://www.umculo.org
Ich möchte die Navigationsleiste gerne schmaler haben (also den Bereich über dem Text schrumpfen), aber das Maximale, was ich bisher geschafft habe, ist, die Leiste von unten her zu schrumpfen (dann steht der Text aber außerhalb des Rahmens). Ich finde und finde einfach die Stelle im CSS nicht, an der ich den oberen Teil verkleinern kann. padding-top habe ich schon überall versuchsweise auf Null gestellt, wo es sinnvoll erschien, und Negativ-Werte scheinen beim padding nicht zu funktionieren. Habt ihr einen Rat für mich?
Und wenn ihr gerade drüberschaut: Mich stört auch sehr, dass der kleine Pfeil im Menü bei "Performance" daneben, bei "Team" aber darunter steht. Am liebsten würde ich ihn ja ganz entfernen, aber auch das hat noch nicht geklappt. Welche Bezeichnung hat dieser Pfeil im CSS?

Ich danke vielmals!
Beste Grüße!
Angelika

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

sven321

Steht doch alles in der Style.css unter / ab Zeile 18 :::
Zeile 33
}
.navbar .navbar-inner {
z-index: 200;
position: relative;
margin: 14px 5px 10px;
border: 0px none;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
padding-left: 5px;
padding-bottom: 50px;
}
Zeile 18
.navbar .navbar-inner {
background-color: rgb(250, 250, 250);
background-image: linear-gradient(to bottom, white, rgb(242, 242, 242));
background-repeat: repeat-x;
border: 1px solid lightgray;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
padding-left: 0px;
padding-right: 0px;
height: 50px;
width: 870px;
}

Wenn Du Firefox Ver. 25 nutzt, nimm mal den "Inspektor" unter Datei ► Web-Entwicklung...

g3h

Ganz schön verzwickt, folgender Vorschlag zur Änderung:

Code

.navbar .navbar-inner {
    z-index: 200;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    border: 0px none;
    margin: 58px 27px 10px;
    padding: 5px;
    position: relative;
}

Code

.navbar .nav {
    left: 0px;
    float: left;
    position: relative;
    display: block;
    margin: -38px 10px 0px 0px;
}

MfG

sven321

:p g3h ... Du warst schneller ;-) dass, genau das meinte ich 8-)

chily

Danke!! So funktionierts bestens. Das zweite Code-Schnipsel war das, worauf ich nicht gekommen bin... :-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Customizr: Hilfe bei der Navbar

Jetzt mitmachen!