Obere Navigationszeile mit Logo

unimoghn

Hallo ich habe Probleme die obere Navigationszeile mit Logo zu ändern:

Ich möchte das Logo kleiner machen, sollte ich da vielleicht ein Längslogo erwenden? Auch möchte ich das Logo und Navi auf eine „gestreckte Seite“ formatieren. Wie geht das? Soll ich es weiter an den oberen Seitenrand rücken und den Hintergrund dann schmaler einstellen, wenn ja wo kann ich dies machen? Bei kleinerem Bildschirm wird die aktuelle Navigation nicht mehr sichtbar. Das Logo jedoch wird angezeigt, woran kann dies liegen?

Hoffe auf Feedback!

Grüße und Danke

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

mensmaximus

Willkommen im Forum. Um Dir helfen zu können brauchen wir mehr Informationen. Bitte schau mal in die Forenregeln Absatz II.

unimoghn

Ich verwende Wordpress 5.2.4 / Classic Einstellung nicht Gutenberg /

Page Builder Gestaltung der Seite im Wordpress mit Page Builder ( aktueller Stand )[/QUOTE]

medienkobold

Mit diesen spärlichen Informationen wird dir hier wohl eher niemand konkret weiterhelfen können?! Warum ist es offenkundig nur so schwierig ein paar Infos bereit zu stellen die auch in den Forenregeln explizit erwähnt werden?

unimoghn

Hallo,

danke, dass ihr so schnell reagiert habt. Ihr habt ja Recht es sind deutlich zu wenig Vorinformation um helfen zu können.

Das möchte ich erst einmal nachholen.

Mein Ziel ist mich in Wordpress einzuarbeiten und danach meine bisherigen alten FrontPage Seiten ersetzen.
Der bisherige WP Wissenstand stammt aus Youtube Tutorial ( wp-wizard ) Der Autor dort hat netterweise auch Codeschnipsel für die CSS Einstellungen freigegeben.

Wordpress Version 5.2.4 die "Gutenberg" Variante habe ich nicht verwendet, weil ich den Eindruck hatte mit der alten näher an meinem bisherigen Wissen zu sein.

Theme: Sydney noch die kostenfreie Version um überhaupt erst einmal näher in das Thema rein zu kommen.
Plug In: Page Builder auch die aktuelle Version.

Ich denke grundsätzlich komme ich mit den einfachen Dingen von Wordpress zurecht. Als Spielwebseite ( Nicht Blog) habe ich http://www.leiser-unimog.de dazu angelegt.
Das Thema ist mehr Hobby die dort genannten Links zu einem Shop sind als vorbereitende Versuche für die eigentliche Webseite (wenn ich denn WP soweit beherrsche) angelegt.
Die Nennung dieser URL hier soll nur dazu dienen meine Fragestellungen leichter verständlich zu machen.
Ein paar Fragen haben sich jetzt für mich ergeben, bei denen ich hängengeblieben bin. Ich wäre dankbar wenn ihr Tipps für mich hättet. Danke schon einmal.

Gestaltungswunsch: Im Header
Ich möchte die Navigationszeile mit Logo und Navigationstexten ebenso auf die volle Seitenbreite dehnen wie die Inhalte der Seite schon eingestellt sind.

Bei den Seiten selbst kann ich ja in den Widget über die Einstellungen der Zeile die Breite als über die gesamte Breite gestreckt angeben. Beim Header habe ich diese Einstellungen nicht gefunden.

Zusätzlich möchte ich diesen Headerteil in der Höhe schmaler machen. Vielleicht hängt dies momentan auch mit der Größe ( Höhe ) des Logos zusammen, ich habe jedoch unter den Header Einstellungen bzw. den CSS nichts gefunden wo ich die Höhe dieses Bereiches einstellen kann.

Zusätzlich habe ich den Effekt, dass diese obere Navigation bei Darstellung auf kleineren Bildschirmen komplett verschwindet und nur noch das Logo angezeigt wird.

Ich hoffe ihr könnt mit den Angaben meine Gestaltungswünsche verstehen.

Danke

Thomas

SEpp55

So, zu deiner Baustelle!
Wo beginnen wir?

Zitat von unimoghn

diese obere Navigation bei Darstellung auf kleineren Bildschirmen komplett verschwindet

Richtig ist, daß weiße Schrift (n diesem Fall das Hamburger-Symbol) auf weißem Hintergrund schlecht auszumachen ist!

Der Header - Größe ( Höhe ) Breite .....
Für all diese Anpassungen wird in den seltenste Fällen im Customizer ein Schieberegler vorhanden sein, um individuellen Wünsche nachkommen zu können ;-)

Daher grundsätzlich ein Tip:

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Da ich aber schon dabei bin - der .header.wrap . container ist mit 1170px breite definiert! Dann sind da noch einige Ränder im Code u.s.w.

Versuche nachfolgende Codeteile in die Zusätzlichen CSS einzufügen:

Code

/*Header Anpassungen*/
.header-wrap .container {
    width: 95%;
}
.site-header {
    padding: 0
}
.header-wrap .container {
    padding: 0;
}
.col-md-4.col-sm-8.col-xs-12 {
    padding: 0;
}
.btn-menu {
    color: #000;
}

Alles anzeigen

Auf unerwünschte Nebeneffekte ist auch noch zu prüfen ;-)

unimoghn

Hallo,
Danke für die Code Tipps und den Link.
Damit kann ich ein Stück weiter spielen und lernen.
Werde mich sicher wieder melden.

Schönen Tag noch.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Obere Navigationszeile mit Logo

Jetzt mitmachen!