Probleme mit Full width slider in mobiler Ansicht
Probleme mit Full width slider in mobiler Ansicht
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
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
- Site Admin
- Beiträge: 5864
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Probleme mit Full width slider in mobiler Ansicht
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:
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.
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;
}
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.
Re: Probleme mit Full width slider in mobiler Ansicht
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
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
- Site Admin
- Beiträge: 5864
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Probleme mit Full width slider in mobiler Ansicht
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.
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.
Re: Probleme mit Full width slider in mobiler Ansicht
Danke dir ... werde mir das alles mal anschauen ...
Gruß Peter
Gruß Peter
Wer ist online?
Mitglieder in diesem Forum: Bing [Bot] und 157 Gäste