Gestaltung Header

    Hallo zusammen

    Gerne möchte ich erreichen, dass in meinem Header der Seitentitel "Gschenklädeli" so wie jetzt ganz links erscheint und das Logo, das sich zur Zeit noch rechts oberhalb befindet auf der gleichen Höhe wie der Seitentitel, aber ganz rechtsbündig erscheint.

    http://gschenkl%c3%a4deli.ch

    Hat mir allenfalls jemand einen Tipp, wie ich das erreichen könnte?


    Vielen Dank!

    • Gerade eben
    • Anzeige

    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

    Versuche das im Dashboard unter Design - Customizer in die Zusätzlichen CSS einzufügen

    Code
    .site-branding .custom-logo {
    margin: -0.5em 0 0.5em;
    position: absolute;
}

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Indem du zu dem Code, den @SEpp55 gepostet hat noch folgende Zeile

    Code
    right: 1em;

    hinzufügst :
    also so...

    HTML
    .site-branding .custom-logo {
   margin: -0.5em 0 0.5em;
   position: absolute;
   right: 1em;
}


    Dazu solltest du noch folgenden Code einfügen, damit das Ganze auch responsive ist:

    HTML
    #logo {
  text-align: left;
}
#main {
  padding-left: 30%;
}


    Wobei du mit dem 'padding-left: 30%;' noch etwas spielen solltest. Diese Anweisung soll dafür sorgen, dass dein Text bei schmaleren Bildschirmen nicht verschwindet.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden