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.310
    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!