Probleme mit Full width slider in mobiler Ansicht

[Peter123]

Probleme mit Full width slider in mobiler Ansicht

Hallo,

Vorab: Ich nutze Mobirise 5.9.0 und Theme 5 (free). Mein Problem ist das ich einen Full with Slider in der Seite habe der aber mobil quasi als "full screen" angezeigt wird (iOs oder Andorid beides getestet). "Fill Screen" ist aber nicht aktiv.

Offen gesagt weiß ich auch nicht so recht wie die "normale" Mobile Ansicht dieses Sliders wäre. denn 1-2 mal nach Änderungen hatte ich bereits eine "kleine Version" des Sliders (mit länglichen "Bullets" statt runden), auch ohne die großen Pfeile.

Irgendwie kommt es mir vor als würde eine zu große Version des Sliders mobil angezeigt statt der 1-2x erscheinenden kleinen Version. Die hätte besser gepasst optisch.

Bekommt an Übrigens die Pfeile händisch im Code weg?

Auch habe ich bei einigen wenigen Blöcken das Problem das mir der Abstand zwischen Blöcken in mobiler Ansicht zu groß ist. Leider bietet Mobirise hier keine Option "Out of the box" das für Mobilversion zu ändern. Kann man also auch nur über Code machen. Gibt es Code-Snipsets dafür?

Danke für hilfreiche Tipps.

Grüße Peter

[Tommy Herrmann]

Hall Peter,

und willkommen bei uns im Forum

Die meisten "Full Width" Slider sind in Mobirise responsive angelegt und nicht adaptive. Das heißt, der Slider soll dann an allen Geräten den gesamten Bildschirm ausfüllen. Das hat dann zur Folge, dass die Bilder oder Videos eben nur zu einem (zentrierten) Teil sichtbar sind, denn sie werden mit der CSS-Eigenschaft "cover" auf den gesamten Bildschirm eingestellt. Das geht auch nicht anders, denn sonst würde ja das Portrait-Format am Handy, bei einer vollkommenen Bedeckung, restlos verzerrt werden.

Die zweite Möglichkeit ist das Bild oder das Video zu verkleinern, sodass dann auch am Handy alles drauf ist. Das Bild wird dann also adaptive und proportional verkleinert. Das kann aber zu sehr kleinen Darstellungen führen, die nicht immer erwünscht sind.

Es ist immer besser Dein Projekt (URL) dann auch hier zu zeigen, sodass man den Slider, den Du verwendest, auch erkennen kann. So kann man viel besser Ratschläge geben.

Hier mal einige meiner Tutorial-Seiten zu Deinem Problem:

https://www.mobirise-tutorials.com/Tuto ... lider.html

... mit Videos:

https://www.mobirise-tutorials.com/Tuto ... Video.html

Oder hier, dort habe ich auch beispielhaft die Navigation entfernt:

https://www.mobirise-tutorials.com/Test ... lider.html


Die Navigationspfeile werden zum Beispiel meist mit der class="carousel-control" dargestellt. Diese könnte man also mit einer einfachen CSS ausblenden:

Code: Alles auswählen

.carousel-control {
   display: none;
}

Auch Abstände und ähnliches lassen sich alle bearbeiten.

Daher muss man aber schon exakt wissen, welchen Block aus welchem Thema Du in Arbeit hast und wo Du was genau erreichen möchtest. Die Mobirise-Blöcke können ganz unterschiedlich sein, daher muss man genau den Block kennen.

Dazu bitte die URL zu Deinem Projekt und auch einen Screenshot von genau dem verwendeten Block aus der Blockübersicht (Auswahl). Sonst kann man nicht gut helfen sondern eher nur raten.

[Peter123]

Hallo Tommy,

Vielen Dank zunächst für deine ausführliche Darstellung. Ja, das mit den Bildern ist mir natürlich bekannt.

Ich habe dir mal einige Screenshots hochgeladen (Postimg.cc) da die Site nichtöffentlich ist.

http://postimg.cc/CzPrxVs8

http://postimg.cc/wygnsQyR

http://postimg.cc/gxP9WpzK

http://postimg.cc/3WvY5njY

http://postimg.cc/yWZgQhkS

http://postimg.cc/YvkdqqJb

Auch habe ich mal einen „Slider-Mockup“ gebastelt (Siehe Screenshot, mit den 3 rechteckigen „Bullets“). So hat der Slider (gleiches Modul, der normale Mobirise 5 Full width slider) 1-2 mal tatsächlich am Phone so auch ausgesehen. Ich arbeite nicht so viel mit Mobirise daher kann ich nicht sagen ob die aktuelle mobile Darstellung der Normalfall ist oder eher die von meinem Mockup (?). Normal arbeite ich viel mehr mit Wordpress (Oxygenbuilder, Breakdance usw.). Was aber für manche Sites einfach zu viel Aufwand ist. Auch bezüglich ständiger Updates.

Mobirise ist eigentlich eine ganz gute, schnelle Sache. Aber leider fehlen eben „Out of the box“ einige wesentliche Einstellungen für die Mobilversion. Klar kann man da überall am Code frickeln. Aber viele Tools bringen eben auch die Einflußnahme auf die Mobilvariante per default mit. Auch für Slider. Ein paar Basis Features für mobile Version optimieren wären da sicher nicht schlecht.

Grüße Peter

[Tommy Herrmann]

Hallo Peter,

ich muss in wenigen Minuten hier weg und habe noch nicht mal Zeit die Bilder alle anzugucken, Du kannst übrigens gerne auch Screenshots direkt hier über den Forum-Editor hochladen, unten bei "Dateianhänge".

Es gibt in Mobirise aber auch verschiedene proportionale Slider - musst Du mal suchen. Hier mal einige auf dieser Seite, die alle aus dem Standard-Thema "Mobirise5" stammen, wie u.a. der ganz unten auf dieser Seite:

https://www.mobirise-tutorials.com/Fotos.html

Entweder musst Du selbst etwas basteln oder eben was suchen, was nicht auf CSS "cover" steht.

[Peter123]

Danke dir ... werde mir das alles mal anschauen ...

Gruß Peter