Andrea Albertin

Forum Replies Created

Viewing 5 posts - 16 through 20 (of 20 total)
  • Author
    Posts
  • in reply to: reverse the order on mobile #213772
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: February 8, 2024

    Fine.

    Thanks,
    Regards

    in reply to: reverse the order on mobile #213603
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: February 8, 2024

    Hi Dave,
    I saw the modification and it works. Thank you!

    I made a small change to the class. By doing so, I just need to add the “gb-column-reverse” class in the ADDITIONAL CSS CLASS(ES) of the section where the columns must be reversed on mobile:

    @media screen and (max-width:767px) {
    .gb-column-reverse .responsive-columns-inner-wrap.responsive-columns-columns-2 {
    display: flex;
    flex-direction: column-reverse;
    }
    }

    Do you have any objections or is my modification correct?

    Thanks again for the support

    in reply to: reverse the order on mobile #213424
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: February 8, 2024

    Hi,
    now it seems ok.

    Try it please.

    in reply to: reverse the order on mobile #213419
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: February 8, 2024

    Hi,
    I sent the email.
    Regards

    in reply to: reverse the order on mobile #213346
    Andrea AlbertinAndrea Albertin
    Participant
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: February 8, 2024

    Hi,
    I tried it, but it doesn’t work.

    This is my test page: https://demositeweb.free.nf/about/

    Refer to sections that have columns showing images on the left and text on the right on the desktop, such as “Title 1” and “Title 3.”

    Now, when I open the page from mobile, the images appear first and then the text.
    I want to get the opposite, first the text and then the images, like the section with “Title 2”

    On html I used this class:
    @media (max-width: 767px) {
    .row-reverse-sort-sm {
    display: flex;
    flex-direction: column-reverse;
    }
    }

    Thanks again

Viewing 5 posts - 16 through 20 (of 20 total)