Lesefortschritt:

    Divi-Suchsymbol in mobiler Ansicht ausblenden

    26. Januar 2021 | CSS-Stylesheet, Divi-Theme

    Trick # 26 | Dieser Beitrag beinhaltet 191 Wörter. – Geschätzte Lesezeit: ca. 1 Minuten.

    Das Suchsymbol im Divi-Theme ist nett – aber besonders auf den kleinen Anzeigen der mobilen Geräte oft eine Platzverschwendung. Die Lupe lässt sich aber ganz einfach ausblenden. Wir zeigen wie.

    Fügen Sie im CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) folgende Zeilen ein:

    @media only screen and ( max-width: 980px ) {
    #et_top_search {
    display:none;
    }}

    Auf diese Weise unterdrücken Sie die Anzeige des Suchsymbols (Magnifying Glass) auf mobilen Endgeräten. In der normalen Desktop-Ansicht (über 980px Bildschirmbreite) wird das Symbol angezeigt.

    Werbung

    Mit dem hr-Element Akzente setzen

    Das hr-Element des HTML-Codes ergibt normalerweise eine Trennlinie, welche grau und auf der gesamten Anzeigebreite dargestellt wird. Doch dieser Horizontal Ruler hr lässt sich auch als Akzent einsetzen. Im heutigen Tipp ein paar Beispiele.
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This