Header Grafik läuft weg - Twenty Thirteen

  • Um folgende Seite geht es: LINK

    Folgendes passiert:

    Die Headergrafik rutscht beim Verkleinern des Browserfenster aus dem selbigen raus - dies soll nicht geschehen.

    Bitte dringend um Hilfe!

    • 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

  • ergänze mal .site-header mit min-width:1060px und #page mit overflow:hidden

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Dann bekommst Du aber eine Scrollleiste auf kleineren Bildschirmen

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Servus!
    Jetzt hab ich dank dieses threads mein Logo so positionieren können, dass es nicht nach links verrutscht. Aber wo in der style.css muss ich das overflow hidden einfügen, dass kein scrollbalken erscheint?
    Hier der entsprechende Auszug:

    .site-header {
    position: relative;
    }

    .site-header {
    background-attachment: fixed;
    background-image: url(images/header6.jpg)!important;
    min-width: 1080px; /* verhindert dass das Headerbild nach links verrutscht, wenn man auf smartphone größe skaliert */
    background-repeat: no-repeat;
    }


    .site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 140px; /* vorher 230 px */
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
    }

    Wer weiss bitte eine Lösung?
    Danke, Doro

Jetzt mitmachen!

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