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:
    180
    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.165
    Danke erhalten:
    6.199
    Danke vergeben:
    1.101
    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.757
    Danke erhalten:
    1.370
    Danke vergeben:
    305
    #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)