Problem mit responsivem Header mit Avada

  • Werte Kolleg/innen,

    ich bekomme es nicht hin, ein Headerbild so zu gestalten, dass es auf mobilen Geräten responsiv wird, soll heißen verkleinert wird. Hat jemand Erfahrungen damit oder vielleicht sogar eine Lösung parat? Es geht um die Seite http://www.muez.de.

    Danke aus Hamburg für jede Antwort!

    FRANK

    • 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

  • (…) ein Headerbild so zu gestalten, dass es auf mobilen Geräten responsiv wird, soll heißen verkleinert wird. Hat jemand Erfahrungen damit oder vielleicht sogar eine Lösung parat? (…)



    Naja, hart gecodet geht's eigentlich bei jedem Theme auf diese pragmatisch brachiale Weise:

    In die [COLOR=#0000cd]header.php[/COLOR] an geeigneter/gewünschter Stelle (Pfade sind anzupassen)

    [COLOR=#006400]<img id="headerschmal" src="http://[DeineDomain]//headerschmal.jpg">
    <img id="headerbreit" src=" http://[DeineDomain]///headerbreit.jpg "> [/COLOR]

    und in die [COLOR=#0000cd]style.css[/COLOR] ruhig ganz an den Schluss (die '720' nur als empfohlener Beispielwert)

    [COLOR=#006400] Media screen and (min-width: 720px) {#headerschmal {display:none;}}
    Media screen and (max-width: 720px) {#headerbreit {display:none;}}[/COLOR]


    WordPress
    ist einfach so trashig, dass es schon wieder was hat, wenn man nur genauso trashig damit umgeht…

  • Das Problem ist, dass der Titel der Seite im Bild drin ist und auf schmalen geräten nicht mehr zu sehen ist, oder?
    Aus diversen Gründen wäre es eh besser, der Titel wäre Text.
    Dann könnte er auch besser platziert werden.

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

Jetzt mitmachen!

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