Entfernen von Seitenleisten auf Blog-Posts nur für mobile Geräte

Meine Website ist Onthecomeupartists.com und ich verwende derzeit das Impreza Theme 2.10 auf WordPress 4.5.2. Allerdings möchte ich die Website für Mobilgeräte freundlich gestalten und die Seitenleiste in meinen Blogposts nur auf Mobilgeräten entfernen, sie jedoch auf der ursprünglichen Website beibehalten. Die Posts sehen auf der Handyseite aufgrund der Seitenleiste sehr gequetscht aus.Entfernen von Seitenleisten auf Blog-Posts nur für mobile Geräte

Welche Zeilen soll ich dem HTML-Code hinzufügen oder entfernen?

Oder gibt es einen CSS-Code, den ich verwenden muss?

Quelle

2016-06-02 Alex Bangiyev

Ihre Bildlaufleisten entfernen, von wo aus? Scrollbars Visualisierung variieren je nach Browser, die auf Mobilgeräten in der Regel in dünne variieren je nach Betriebssystem und Browser, wenn Sie auf Desktop-und Schrumpffenstergröße laufen, ist es nicht das gleiche wie ein mobiler Browser, wenn Sie ein Scrollbar-Plugin für haben ein bestimmtes DOM-Element, das anders ist. Klären Sie dies und fügen Sie Ihren Code –

Können Sie bitte unten Code in Ihrer style.css

@media only screen and (max-width: 480px) { 
    .l-canvas.sidebar_right .l-sidebar{display:none;} 
}

hinzufügen Wenn Sie mehr Medienabfrage möchten, dann finden Sie diese Link

Quelle

2016-06-02 17:29:48 purvik7373

Es funktioniert Purvik! –

Jetzt auf dem Handy, wie strecke ich den Inhalt nach rechts, um zu füllen, wo die Seitenleiste war? –

Können Sie mir bitte den Link zu Ihrer Site geben? also kann ich das überprüfen. – purvik7373

@media screen and (max-width: 767px) {.l-canvas.sidebar_right .l-sidebar {display:none;}}

Dies wird es für mobile Geräte verstecken. Ändern Sie die 767 zu was auch immer Sie wollen.

Quelle

2016-06-02 17:20:43

Es funktioniert Rachel! –

Entfernen von Seitenleisten auf Blog-Posts nur für mobile Geräte

Antwort

Verwandte Themen