Headerbild wird in mobiler Version abgeschnitten

  • Hallo zusammen,

    bei der mobilen Version wird mein Headerbild leider abgeschnitten:
    http://cms.safety4automation.de/

    Ich habe bereits probiert über den div.title-wrap die Höhe und den padding / margin einzustellen, aber dann passt meine normale Ansicht wieder nicht.

    Ich bin leider kein CSS-Guru. Habt ihr eine Idee?

    Vielen Dank vorab!

    • 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

  • Hallo zusammen,

    bei der mobilen Version wird mein Headerbild leider abgeschnitten:
    http://cms.safety4automation.de/

    Ich habe bereits probiert über den div.title-wrap die Höhe und den padding / margin einzustellen, aber dann passt meine normale Ansicht wieder nicht.

    Ich bin leider kein CSS-Guru. Habt ihr eine Idee?

    Vielen Dank vorab!

    das hat wohl was mit media query zu tun. http://www.mediaevent.de/css/media-query.html bin aber selber kein experte. mit media query kannst du einstellen, was passieren soll, wenn der anzeige Monitor kleiner wird. damit könntest du dann dein bild kleiner machen.

    bei dir ist wohl aber irgendwie auch was mit css schon gemacht worden, da bei dir !important im css ist. keine Ahnung msust du auf irgendeinen css typen warten :-)

    Einmal editiert, zuletzt von maltino (12. August 2015 um 18:29)

  • Vielen Dank - dafür dass Du kein Experte bist - hat es mir schon mal weitergeholfen. Ich hab in der responsive.css beim div.title-wrap eine Höhe von 250px eingegeben. Jetzt wird mir der Slogan aber links abgeschnitten, d.h. ich bräuchte nur noch jemanden, der mir sagen kann, wie ich das Headerbild in der mobilen Version von der Breite her automatisch anpassen kann (width 100% funktoniert leider nicht) :-)

  • Vielen Dank - dafür dass Du kein Experte bist - hat es mir schon mal weitergeholfen. Ich hab in der responsive.css beim div.title-wrap eine Höhe von 250px eingegeben. Jetzt wird mir der Slogan aber links abgeschnitten, d.h. ich bräuchte nur noch jemanden, der mir sagen kann, wie ich das Headerbild in der mobilen Version von der Breite her automatisch anpassen kann (width 100% funktoniert leider nicht) :-)


    Einfach mehrere Fotos in unterschiedlichen Größen anbieten - für Tablett, Handys usw.

Jetzt mitmachen!

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