Druckbare Version
Hallo zusammen
Ich würde gerne die Fotogalerie auf der Mobileversion anpassen, dass neu zwei Bilder nebeneinander im Hochformat dargestellt werden.
Wenn ich da Mobile Quer halte, dann zeigt es mir wieder 4 Bilder an wie auf dem Desktop.
Wie kann ich das steuern ?
https://www.ballonexpress.ch/index.p...-birthday.html
Vielen Dank und Grüsse
Michi
Hallo Michi,
auf der Seite wird durch zwei CSS-Anweisungen Einfluß auf die Breite der Bilder genommen.
.ce_gallery > ul > li {width: 23.875%;} und
.ce_gallery > ul.cols_4 > li {width: 23.875%;}
.ce_gallery > ul.cols_4 > li überschreibt .ce_gallery > ul > li
.ce_gallery > ul.cols_4 > li {width: 49%!important;} würde .ce_gallery > ul.cols_4 > li überschreiben
Trage diese Anweißung in die entsprechende Mediaquery. Testen. Eventuell mußt du den Wert noch anpassen.
Grüße
Hans-Jürgen
Hallo
Vielen Dank, leider hat dies irgendwie nicht geholfen.
Ich habe abe den folgenden Wert angepasst und nun habe ich die zwei Bilder nebeneinander auf dem Mobile im Hochformat:
.ce_gallery > ul {
zoom: 0.65; ==> Der Stand zuvor auf 1. Durch die Anpassung auf 0.65 ist es nun so, dass 2 Bilder nebeneinander angezeigt werden.
margin: 0 !important;
padding: 0 0 1.5% 0 !important;
list-style: none !important;
}
Vielen Dank und Grüsse
Michi