Suche nur bei Tablet kleiner

Thema wurde von woodi24de, 9. Februar 2017 erstellt.

  1. woodi24de
    woodi24de Erfahrener Benutzer
    Registriert seit:
    7. März 2014
    Beiträge:
    192
    Danke erhalten:
    3
    Danke vergeben:
    9
    #1 woodi24de, 9. Februar 2017
    Hallo Zusammen,

    ich habe das Problem, dass die Suche und der Warenkorb verrutscht - aber nur beim Tablet. Desktop ist ok.

    Kann ich auch irgendwie nur die Tabletansicht mit CSS verändern? Grid Spalten verändern dann leider auch die Desktop Ansicht...

    Jemand eine andere Idee??

    upload_2017-2-9_12-12-12.png
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    #2 Dennis (MotivMonster.de), 9. Februar 2017
    CSS für versch. Monitor Breiten

    @media (min-width: 950px) {
    /* breite Browserfenster */
    }
    @media (min-width: 450px) and
    (max-width: 950px) {
    /* Darstellung auf Netbooks */ }
    @media (max-width: 450px) {
    /* mobile Geräte */ }

    usw
     
  3. Anonymous
    Anonymous Administrator
    Mitarbeiter
    Registriert seit:
    26. April 2011
    Beiträge:
    1.954
    Danke erhalten:
    1.588
    Danke vergeben:
    340
    #3 Anonymous, 9. Februar 2017
    @woodi24de

    Die Grid-Spalten für den Table Modus kann man auch im StyleEdit anpassen, dass sind die Medium Spalten. Wenn du im StyleEdit unter Header->Suche die Grid-Spalte für Medium anpasst, sollte die Suche wieder breiter dargestellt werden. Hierfür ist normalerweise kein eigenes CSS notwendig.

    Grid-Spalten Klein (Smartphone)
    Grid-Spalten Medium (Tablet)
    Grid-Spalten Groß (Desktop)