Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 14, 2021 at 12:04 pm #1324905
    schweg33

    Hello all
    I have created a gallery
    (see below)

    is it possible to do this mobile (cell phone)
    to make the columns between the pictures smaller

    kind regards
    Franz

    October 15, 2021 at 3:54 am #1325021
    Rikard

    Hi Franz,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia-gallery img {
    padding: 2px;
}
}

    Best regards,
    Rikard

    October 15, 2021 at 7:25 am #1325046
    schweg33

    Hello Rikard
    Thanks for your answer

    unfortunately this does not work
    but:
    I can specify that mobile only 2 columns are displayed

    kind regards
    Franz

    October 15, 2021 at 2:21 pm #1325126
    Rikard

    Hi Franz,

    Could you try to hide the current Gallery for mobile screens in the element options, then copy the element and make the necessary changes in the copy, then hide that for all screens except mobile maybe?

    Best regards,
    Rikard

    October 16, 2021 at 9:43 am #1325222
    schweg33

    Hallo Rikard

    That fits great so
    you can close this request

    thanks a lot

    kind regards
    Franz

    October 17, 2021 at 4:53 am #1325285
    Rikard

    Hi Franz,

    Great, I’m glad that we could help. I will close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘columns smaller’ is closed to new replies.