Header-Fotos am Smartphone

  • Hallo zusammen,

    es geht um diese Demo-Website:

    Demo

    Durch das proportionale Verkleinern des Headers werden die Header-Bilder am Smartphone für mein Gefühl viel zu klein dargestellt. An der Desktop-Ansicht und der damit verbundenen Fotogröße möchte ich aber nichts ändern.

    Gibt es hier einen Lösungsansatz?

    Beispielsweise könnten die Header-Fotos in der Smartphone-Ansicht links und rechts beschnitten werden.

    Eine alternative Variante wäre, dass unter einer bestimmten Bildschirmgröße (z.B. 700px) der Header komplett ausgeblendet wird und an dessen Stelle ein einzelnes Fotos oder noch besser das Slider-Widget aktiv wird (Foto bzw. Slider wären dann in einem für die Smartphone-Darstellung separat optimierten Format vorhanden und würden erst unter 700px angezeigt).

    Geht so etwas mit dem Zeta Producer, Vers. 13?

    Das hier verwendete Layout ist "Stripe Responsive"

    Danke & beste Grüße

    Gerald

    Im Einsatz: Zeta Producer Business Version 15.x

  • Du könntest 2 Slider untereinander erstellen; 1x mit normalen Bildern, 1x beschnitten.

    Dann 2 CSS-Klassen eingeben (.normal und .zugeschnitten) und bspw. so via CSS ansprechen:

    Code
    @media screen and (max-device-width : 480px) {.normal {display:none;}}
    @media screen and (min-device-width : 480px) {.zugeschnitten {display:none;}}

    Weiss nicht ob es so funktioniert; bin nur am Handy. Die Grössen (px) kannst du natürlich ändern wie du willst.

    ZP 13, Business.

  • Hallo Sori,

    danke für den Tipp. Werde das einmal probieren.

    Grüße

    Gerald

    Im Einsatz: Zeta Producer Business Version 15.x

Jetzt mitmachen!

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