gelöst Handyansicht Honeygrid passt nicht

Thema wurde von Angels Garden Dekoshop, 29. März 2018 erstellt.

  1. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Hallo zusammen,

    irgendwas läuft bei unserer Ansicht fürs Handy komplett falsch.

    Auf dem Tablet sieht der Shop ganz normal aus, auch in der StyleEdit Vorschau passt die mobile Ansicht, aber direkt auf dem Handy passt nix.

    www.angels-garden-dekoshop.de

    So wie es aussieht, werden nur 3 Spalten links dargestellt, mehr nicht.

    Spaltenaufteilung ist wie aufgeführt:

    Desktop: 3 - 0 - 9
    Medium: 3 - 0 - 9
    Klein: 4 - 0 - 8
    Unterkategorien: 4 - 4 - 4

    Würde mich über Input und Hilfe sehr bedanken :)
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    Ich habe mir Deinen Shop gerade mal auf meinem 7" Tablet (hochkant) aufgemacht.
    Das ist nicht so prickelnd.
    Der Footer ist zwar in 2 x 2 Spalten, aber lesbar ist da nichts.
    Das selbe gilt für die Swipper. Bei 4 Artikeln nebeneinander ist nichts erkennbar.
    Warum ist bei einem so kleinen Display rechts und links ein Streifen (etwa 1cm je) mit einem Hintergrundbild?

    Bis auf den Footer würde ich sagen, dass da nichts responsiv eingestellt ist.
    Ich vermute, dass Du irgendwelche css-Codes hast, die Dir da gewaltig zwischen funken

    Wenn ich das in Chromes Konsole auf eine Breite von 375px stelle, sehe ich "@media (min-width: 768px)..." Codes, die da gar nicht aktiv sein dürften...
     
  3. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Hallo Barbara, Danke für die Info.

    Hab die Swiper mal auf 3 eingestellt.

    Lade mir grad Chrome mal runter und schau mir das dann an.
     
  4. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Dein Problem ist das hier:

    Code:
    <meta name="viewport" content="width = device -width, initial - scale = 1.0, minimum - scale = 1.0, maximum - scale = 10.0" />
    In Webkit-bassierten Browsern (Chrome, Opera, Safari, etc.) führt dass dazu, dass nicht mehr erkannt wird, dass du mit einem mobilen Gerät unterwegs bist. Das liefern wir so definitv nicht aus, muss also eine Anpassung von dir sein. Wenn du das raus wirfst, sollte das wieder gehen.
     
  5. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Danke, das war das Problem :)
    Wurde wahrscheinlich 2015 eingetragen und erfolgreich verdrängt.
     
  6. Jungi

    Jungi Erfahrener Benutzer

    Registriert seit:
    21. Mai 2013
    Beiträge:
    95
    Danke erhalten:
    2
    Danke vergeben:
    8
    Guten Morgen wurde uns in der Google Search Console angezeigt, dass der Viewport nicht gesetzt wäre. Also im Quelltext ist ernotiert, an was kann es dann liegen?