DIV in der mobilen Ansicht ausblenden

Thema wurde von ccxx, 22. November 2018 erstellt.

  1. ccxx
    ccxx Erfahrener Benutzer
    Registriert seit:
    18. April 2013
    Beiträge:
    66
    Danke erhalten:
    0
    Danke vergeben:
    19
    Hallo Zusammen!

    Ich möchte ein Content-Element in der mobilen Ansicht ausblenden (Template Honeygrid).
    Im Style-Edit kann ich ja eigenes CSS hinzufügen:

    #startcontent {
    display:none;
    }

    Jedoch gilt dies dann für alle Ansichten (Smartphone, Tablet, Desktop).
    Wie kann ich es steuern dass es nur bei der Smartphone-Ansicht weg ist?

    Vielen Dank!
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Da braucht das Element im HTML selbst nur die richtige CSS Klasse, die müsste hidden-xs sein.
     
  3. ccxx
    ccxx Erfahrener Benutzer
    Registriert seit:
    18. April 2013
    Beiträge:
    66
    Danke erhalten:
    0
    Danke vergeben:
    19
    Dankeschön, habe ich jetzt aber nicht verstanden.

    Wie würde der Content dann aussehen?

    Wie würde dies konkret aussehen?
    Dankeschön!
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.749
    Danke vergeben:
    137
    HTML:
    <div class="hidden-xs">
      Dies ist in schmalen Fenstern nicht zu sehen.
    </div>
    
    Übrigens: Eine „mobile“ oder „Smartphone“-Ansicht gibt es nicht, bitte trennt euch von dem Gedanken. Es geht ausschließlich danach, wieviel Platz die Site in der Breite hat, die Art des verwendeten Gerätes ist dafür unerheblich.
     
  5. ccxx
    ccxx Erfahrener Benutzer
    Registriert seit:
    18. April 2013
    Beiträge:
    66
    Danke erhalten:
    0
    Danke vergeben:
    19
    super - vielen Dank für die Lösungserklärung und die Rahmeninfos!