Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1247421

    Hello,

    I have a masonry gallery of 6 pictures in here https://aloen.tutotic.fr/#nos-actions that I would like to appear entirely on medium and large screen (no smartphone).
    There are too big right now.
    They appear nicely on ipad…

    Regards,

    • This topic was modified 4 years, 2 months ago by assodefis.
    #1247534

    Hey Association,

    I’m not sure I understand your question or intentions, could you try to explain a bit further or post a screenshot or mockup highlighting your intentions please?

    Best regards,
    Rikard

    #1247579

    Hello,

    Thank you for coming back to me that fast.
    Here is how it displays on ipad and I would like it to be on all devices (except smartphones):
    https://pic.infini.fr/Sk1q6wDc/qmCCM08w.png
    and here is how it displays on my computer
    https://pic.infini.fr/zlPJu7IN/iUTEj19V.png
    https://pic.infini.fr/5hHFFIZy/kbIP2di7.png
    as you can see, the 6 pictures are not visible all at once, I can see three of them only at once. To watch the three others I need to scroll.
    I would like to be able to watch the 6 pictures at the same time on all devices (except smartphone of course) as it is the case on ipad.

    I hope I manage to explain better and you understand better what I want.
    Is it possible? how?

    Thank you,
    Regards,
    Assodefis

    #1248120

    Could it be possible to do what I want by working on width instead of height?
    I have tried few ideas but couldn’t make it work.

    #1248125

    I have found a solution. I added the following in a code bloc

    @media screen and (min-width: 900px) and (max-width: 1025px) {
    #nos-actions .container {
    max-width : 900px;
    }
    }
    @media screen and (min-width: 1025px) and (max-width: 1300px) {
    #nos-actions .container {
    max-width : 1000px;
    }
    }
    @media screen and (min-width: 1300px) and (max-width: 1441px) {
    #nos-actions .container {
    max-width : 1100px;
    }
    }
    @media screen and (min-width: 1441px) {
    #nos-actions .container {
    max-width : 1200px;
    }
    }

    #1249320

    Hi assodefis,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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