Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 5, 2022 at 1:10 pm #1350614
    Alwin

    I have 9 photos divided into 3 rows of 3 columns.

    If I switch to mobile view then Enfold jumps from 3 photos in a row to 1 photo in a row (not a row anymore of course..)

    However, I would like to have an intermediate step to 2 photos in 1 row first (for iPad screens).

    And only on small mobile screens the photos in 1 row (below each other).

    Is this possible?

    Thanks,
    Alwin

    May 5, 2022 at 4:46 pm #1350641
    Rikard

    Hey Alwin,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    May 5, 2022 at 5:07 pm #1350649
    Alwin

    Hello Rikard,

    Here is the link to the page:

    May 6, 2022 at 6:48 am #1350741
    Ismael

    Hi,

    Thank you for the link.

    Try to edit the first column in the row, then look for the Fullwidth Break Point settings inside the Row Settings > Row Screen Options panel. Set the breakpoint to the first option (767px or lower) to adjust the single column breakpoint to phone devices. Unfortunately, you will not be able to break the rows into two columns if the columns are set to have equal height.

    Best regards,
    Ismael

    May 7, 2022 at 12:15 pm #1350857
    Alwin

    Hello Ismael,

    Setting the breakpoint to 767 or lower is not the solution for me, because I find the images to small on an iPad then. That’s why I like it like this:

    – big screen: 3 rows
    – tablet iPad screen: 2 rows
    – mobile screen: 1 row

    Yoy say it’s not possible to brerak the rows into 2 columns if the columns are set to have equal height. But that is not the case; the columns are set to individual height.

    So, what I want, is it not possible at all? Or maybe with a grid instead of columns?

    Thank you very much for help :)

    Best Wishes,
    Alwin

    May 9, 2022 at 5:25 am #1350981
    Ismael

    Hi,

    Thank you for the update.

    In your page above, every rows contain a total of 3 columns and has its own parent container. Unfortunately this parent container prevents us from breaking the rows into two columns because it is not possible to move the first column in the next row beside the third column in the first row.

    You may need to create a different set of rows or columns on mobile view with a completely different settings and use the Advanced > Screen Options panel to adjust the elements’ visibility on different screen sizes.

    Best regards,
    Ismael

    May 25, 2022 at 4:39 pm #1352936
    jochenmaier

    Hello, we’re having a similar issue.
    We often create pages with two columns:
    Line 1: foto-1 left, text-1 right
    Line 2: text-2 left, foto-2 right
    etc.
    On a phone, it’s displayed like this:
    foto-1
    text-1
    text-2
    foto-2

    We want, that always the foto is on top of the text.
    How can we do this?
    Thanks a lot.

    May 25, 2022 at 11:16 pm #1352986
    Guenni007

    @alwin: https://webers-testseite.de/flex-box-model/


    @jochenmaier    : go to your second line – open the alb editor and look on screen options at “Row screen options” – choose “reverse order” on every line that has the foto on the right side.
    see: https://kriesi.at/support/topic/change-order-of-boxes-on-mobile/#post-1353005

    May 27, 2022 at 9:47 am #1353106
    jochenmaier

    Hello Guenno007,

    THANKS – YOU MADE MY DAY

    May 27, 2022 at 10:28 am #1353109
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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