Mobile Ansicht Abstände

Thema wurde von Maxim, 16. Oktober 2019 erstellt.

  1. Maxim

    Maxim Erfahrener Benutzer

    Registriert seit:
    21. Juni 2011
    Beiträge:
    99
    Danke erhalten:
    2
    Danke vergeben:
    20
    Guten Abend,

    folgendes Problem: der Teaser auf der Startseite überlagert die Suchfunktion, d.h., die Lupe lässt sich in der mobilen Ansicht nicht anklicken. Auch das Warenkorbsymbol ist nur nur noch teilweise sichtbar. Wie lässt sich in CSS der Abstand des Teasers zu den drüber stehenden Symbolen vergrößern bzw. der Teaser nach unten verrücken.

    Danke im Voraus,

    Max
     
  2. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Link zur Baustelle?
     
  3. Maxim

    Maxim Erfahrener Benutzer

    Registriert seit:
    21. Juni 2011
    Beiträge:
    99
    Danke erhalten:
    2
    Danke vergeben:
    20
    www.tiljon.de
     
  4. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Kann ich nicht sehen....

    Bildschirmfoto-20191017100846-1663x947.png

    Das ist von meinem Handy am Remote Debugger. Der bläuliche "Lack" obendrüber ist mein Screenshot Tool, das heute seine eigene Markierung mit aufnehmen mag...

    Was ich aber sehe ist, dass der Header als eine einzige Grafik ausgeführt ist, darum ist das mobil in grossen Teil unlesbar, und die Suche und der Warenkorb brechen um. Das sollten wirklich mehrere Grafiken sein, und mobil nur das Logo zu sehen sein.