Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 6, 2020 at 3:47 pm #1258883
    yampieters

    hello, im using enfold on quite a few sites and many times also a gallery is involved.
    but those image sizes one can choose…
    how can i be sure that some images on smaller screen, for example on a laptop, are still fitting in the viewscreen?
    best regards, jelle

    November 8, 2020 at 6:12 am #1259093
    Rikard

    Hey jelle,

    I’m not sure if I understand your question, could you post a link to an example and try to explain the problem a bit further please?

    Best regards,
    Rikard

    November 8, 2020 at 11:40 am #1259101
    yampieters

    hello rikard, of course, see image. Its a printscreen of a laptop – i pressume – of a client…. as you can see, the pic is too big for the screen.
    is there some way or code to keep in IN the viewport?
    best regards, jelle

    November 10, 2020 at 4:23 am #1259452
    Rikard

    Hi,

    Thanks for the screenshot. Could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    November 10, 2020 at 8:49 am #1259499
    yampieters

    yes , of course, see below

    November 11, 2020 at 6:10 am #1259766
    Rikard

    Hi,

    Thanks for that. I can’t reproduce those results on my end, what dimensions are the screen which the screenshot was taken from?

    Best regards,
    Rikard

    November 14, 2020 at 8:40 am #1260469
    yampieters

    Hi Rikard, i assume its a normal tablet. I reproduced it on my own tablet, and its true , that after dragging it upwards to let the lightbox fit into the screen (in first appearing the bottom does indeed fall out of the screen) its only fitting very narrowly. Is there some way to tell the system to , lets say, display the lightbox window 80% of the screenheight, and be directly centralized/totally viewable?
    best regards, jelle
    ps: my screen is about 22 x 13,5 cm (about 8,5 inch x 5,5 inch)

    November 18, 2020 at 10:33 am #1261226
    Ismael

    Hi,

    , display the lightbox window 80% of the screenheight,

    That should be possible using a custom css code. Please add the following in the Quick CSS field, and do not forget to toggle the Performance > File Compression settings afterwards.

    @media only screen and (max-width: 767px) {
    img.mfp-img {
        max-height: 80vh !important;
    }
}

    Best regards,
    Ismael

    November 18, 2020 at 1:37 pm #1261280
    yampieters

    thanks ismael, works great!
    this ticket can be closed, possibly.
    best regards, jelle

    November 19, 2020 at 1:22 am #1261403
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘image sizes’ is closed to new replies.