Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 29, 2021 at 1:25 pm #1297346
    solf

    Hi there,
    Von einer Galerie mit Einstellung: Stil > Vorschaubilderspalten > 8 Spalten ist auf Smarthone Portrait kaum noch etwas zu erkennen. Wie kann die Darstellung für mobile Endgeräte von 8 auf x geändert werden?
    ===
    From a gallery with the setting: Style> Thumbnail Columns> 8 columns, you can hardly see anything on Smarthone Portrait. How can the display for mobile devices be changed from 8 to x?

    thanks, solf

    April 29, 2021 at 3:42 pm #1297391
    Guenni007

    see here a demo with code : https://webers-testseite.de/gallery-with-8-images/

    if you like to have those images on the left side on break ( see 3/3/2 )
    change that rule to:

    .flexed-gallery .avia-gallery-thumb {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: flex-start;
}
    April 30, 2021 at 9:15 am #1297494
    solf

    Hi Guenni007,
    it works ;-)
    Thank you!

    • This reply was modified 3 years, 6 months ago by solf.
    April 30, 2021 at 10:10 am #1297504
    solf

    Hi again,

    Der Code zeigt eine 8 spl.-Galerie auf kleinen Display als 4 spl.
    Hervorragend! Leider erscheinen nun die Items der 2. Zeile mittig zentriert, statt zuvor links.
    Also, bei 9 Items sind 8 in der ersten Zeile und das neunte mittig darunter. Läßt sich das links darstellen.. ?

    ===

    The code shows an 8 spl. Gallery on a small display as 4 spl.
    Outstanding! Unfortunately, the items in the 2nd line now appear centered instead of on the left.
    So, with 9 items, 8 are in the first row and the ninth in the middle below. I would prefer left …?! ;-)

    solf

    April 30, 2021 at 12:26 pm #1297529
    Guenni007

    Du spricht oben ja explizit von 8 columns ( von einer neunten war nicht die Rede )
    Bei 8 columns: 100/8= 12.5
    Bei 9 columns: ? (100/9 ≅ 11.1 )

    ausserdem recht deutlich – wenn du den Umbruch lieber linksbündig haben möchtest …
    https://kriesi.at/support/topic/anpassung-der-galeriespalten-fur-mobiles-adaptation-of-the-gallery-columns-fo/#post-1297391

    nicht space-evenly ( space-around, space-between) sondern flex-start.
    Ich habe es jetzt mal auf der Testseite umgestellt auf flex-start.
    siehe 4/4/1 Situation.

    Selber Lesen macht klug – hier ein informativer Link dazu
    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    May 1, 2021 at 2:06 pm #1297706
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.