3von2

Verfasste Forenbeiträge

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Forum: Allgemeine Fragen
    Als Antwort auf: 2013 theme header background image
    Thread-Starter 3von2

    (@3von2)

    vor 8 Jahren, 6 Monaten

    Guten Morgen,
    danke für Deine Hilfsbereitschaft. Hab mir sowas schon fast gedacht. Der Hinweis auf den englischen Beitrag ist schon mal Gold wert. Bringt mich definitiv weiter. Werd mal weiter Doktoren und wenn ich es hingekriege poste ich das gerne hier weiter. Falls es noch weitere Hinweise gibt, die mich meinem Ziel näherbringen, gerne immer her damit.
    Danke und Gruß

    Forum: Allgemeine Fragen
    Als Antwort auf: 2013 theme header background image
    Thread-Starter 3von2

    (@3von2)

    vor 8 Jahren, 6 Monaten

    Hallo Mario Garde,
    Erstmal vielen Dank für deine Hilfe.. mit dem Child Theme ist notiert und werde es dem entsprechend ändern, nochmals Dank. Hab oben in meinen Anliegen einen Link hinterlegt (Beispiel). Dieser Link verweist auf eine Website die genau das macht was ich möchte.
    Wenn man die Seite öffnet sieht man ein Fullscreen Image und oben das fixed Navigations Menü. Wenn man scrollt erkennt man das der Header mit der unter Kante des Bildschirms abschliesst.
    Um es auf den Punkt zubringen. Egal ob es ein Smartphone/Tablet oder Desktop Pc/Laptop ist, egal wie man das Gerät hält ob quer oder hoch, das Header Backgroundimage ist immer Fullscreen sichtbar und schliesst mit der unter Kante des Bildschirms ab und via Anker verlinkung scrollt man sich in den Content.. Der Header paßt sich also grundsätzlich an dem Bildschirm an. Aus einer naiven Logik heraus sollte eigentlich ein height: 100%; reichen. Den die Höhe ist ja bekanntlich bei jedem Gerät anders. Aber wo setze ich bei diesem Theme an?
    Ich hoffe ich konnte mein Anliegen einigermaßen Verständlich erklären.

    Zur Sicherheit hier nochmal der Link zu meinem Vorbild.
    http://www.novesia-allstars.de/
    Gruß Ghani

    Forum: Allgemeine Fragen
    Als Antwort auf: 2013 theme header background image
    Thread-Starter 3von2

    (@3von2)

    vor 8 Jahren, 6 Monaten

    Nachtrag: Punkt 2 hab ich hin bekommen. Den z-index vergessen…

    So läufts:

    .navbar {
        position:fixed; /*!*/
        z-index: 99; /*!*/
        box-shadow: 0 2px 10px #555; /*!*/
	background-color: #eae7d0;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

    Bleibt „nur“ noch Punkt 1.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)