Header-Bild in mobiler Ansicht abgeschnitten

  • Hallo zusammen.

    Ich hoffe, dass mir hier jemand weiterhelfen kann.

    Wie oben beschrieben wird das o.g. Bild in der Mobilversion nicht einfach minimiert, sondern einfach rechts und links abgeschnitten. Als Theme verwende ich Inspiro.

    Ich kenne mich nicht wirklich gut aus und erstelle eine Website für unseren Verein.

    Das ist die Homepage: https://gartenverein-diebsweg.de/

    Über eine Antwort würde ich mich sehr freuen - über eine Lösung noch mehr ;-)

    • 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

  • der header ist auf height 100vh und das bild auf cover gestellt. es bleibt dem header also gar nichts anderes übrig als das bild zu beschneiden.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Einmal editiert, zuletzt von DummyGirl (19. September 2023 um 17:24)

  • Wenn jemand eine Antwort weiß wird er sich melden. Egal, wie oft Du die Frage wiederholst.

  • Wenn jemand eine Antwort weiß wird er sich melden.


    es könnte aber auch eine SIE sein. :cool:

    @fuxx0710 dass jemand hier ausgerechnet dein theme nutzt und kennt ist nicht sehr wahrscheinlich. wenn du mit den einstellungsmöglichkeiten des themes nicht zurechtkommst, könntest du die pro version des themes kaufen und solche fragen dann dem support stellen.

    eine notlösung wäre, es durch zusätzlichen code zu ändern, bspw. hiermit solltest du die meisten smartphones akzeptable abdecken:

    Code
    @media (max-width: 480px) {
    .has-header-image.home.blog .custom-header, .has-header-image.inspiro-front-page .custom-header, .has-header-video.home.blog .custom-header, .has-header-video.inspiro-front-page .custom-header {
    height: 40vh;
    }}

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Einmal editiert, zuletzt von DummyGirl (10. Oktober 2023 um 20:29)

  • es könnte aber auch eine SIE sein. :cool:

    Und sie wäre dann ebenfalls sachkundig.

    P.s.: ich gendere nicht, noch nicht einmal für DummyGirl :)

  • es könnte aber auch eine SIE sein. :cool:

    @fuxx0710 dass jemand hier ausgerechnet dein theme nutzt und kennt ist nicht sehr wahrscheinlich. wenn du mit den einstellungsmöglichkeiten des themes nicht zurechtkommst, könntest du die pro version des themes kaufen und solche fragen dann dem support stellen.

    eine notlösung wäre, es durch zusätzlichen code zu ändern, bspw. hiermit solltest du die meisten smartphones akzeptable abdecken:

    Code
    @media (max-width: 480px) {
    .has-header-image.home.blog .custom-header, .has-header-image.inspiro-front-page .custom-header, .has-header-video.home.blog .custom-header, .has-header-video.inspiro-front-page .custom-header {
    height: 40vh;
    }}

    Meine vielen Nachfragen haben anscheinend doch gefruchtet :D Zur Auflösung: Ich bin ein Mann ;)
    Vielen Dank für den Code :) Da ich leider ein "Amateur" bin, weiß ich leider noch nicht einmal, wo ich den Code eingeben muss ;) Könntest du mir hier bitte noch eine kleine Anleitung geben? Vielen Dank vorab und Lg.

Jetzt mitmachen!

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