Standardmäßig werden Slider auf mobilen Geräten deaktiviert, da viele Smartphone Probleme mit der Touchbedienung von Slidern haben und es so zu Komplikatioinen kommen kann. Vor allem bei Vollbild-Slidern wär es ärgerlich, wenn der Benutzer nicht die volleWebsite sieht, weil er einen Slider nicht wegdrück/verschieben kann.
Wer dennoch den Slider für mobile Geräte aktivieren möchte, kann dies wie folgt erledigen.
1. Gehe zu DESIGN > EDITOR > STYLE.CSS
2. Füge folgenden Code in die Datei style.css ein:
@media only screen and (max-width: 767px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}
@media only screen and (max-width: 479px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}
Je nach Bildgröße, ob du Titel oder Buttons auf deinem Slider zeigst, musst du mit der Positionierung der Elemente etwas herumspielen, um die für dich optimale Anzeige zu erhalten. Ein guter Ansatzpunkt ist der Bereich margin-left:
@media only screen and (max-width: 479px){
.et_pb_slide_image, .et_pb_slide_video {margin-left: XXXpx !important;}}
