Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 29, 2020 at 9:25 pm #1179576
    AmelC

    Hello,

    I have a question regarding the full sized images when they are opened in lightbox. As per today if I make an image say 2000px vide it is nice on 27″ monitor but if someone with smaller screen open this image than he must use scroll in order to see the entire image and this is not nice.. If I make this image even smaller than it will look to small on 27″ monitor, so question is, can we somehow define the image size in (%) of a its full size so the image opens in the “same” size on all monitors so nobody needs to scroll in order to see the entire image.. ?

    Thank you
    Best regards
    Amel

    January 30, 2020 at 4:19 pm #1179958
    Victoria

    Hey AmelC,

    Could you please give us a link to your website, we need more context to be able to help you.

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    January 30, 2020 at 10:32 pm #1180093
    AmelC

    Hello Victoria,

    thank you for the reply!
    please see the attached screen shots in “private content” (link) and you will see what I mean.. If you still need web site access to test it I will provide it but I assume that screen shot will be enough..

    The main problem is as that on some smaller laptop monitors user needs to use scrolling to see the entire image while on bigger monitor such as 27″ it is not an issue, this is however normal behaviour BUT I am asking is there any option that theme/script can handle this so image is for example displayed 70% of the monitor size ? because now the image have fixed size which is ok for big monitors but not for smaller monitors…

    Thank you again!
    best regards
    Amel

    January 31, 2020 at 5:56 pm #1180310
    Victoria

    Hi Amel,

    Thank you for the screenshots.

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 2, 2020 at 1:26 pm #1180659
    AmelC

    Hello Victoria and thank you for the reply.

    please see login credentials in the Private Content section..

    Best regards
    Amel

    February 3, 2020 at 12:12 pm #1180855
    Victoria

    Hi AmelC,

    Best regards,
    Victoria

    February 3, 2020 at 4:02 pm #1180962
    AmelC

    Hello again Victoria,

    can you try again ?

    Best regards
    Amel

    February 6, 2020 at 5:52 am #1181957
    Ismael

    Hi,

    Thank you for the update.

    You can set the maximum height of the lightbox image relative to the height of the browser view port. Try this css code in the Quick CSS field.

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

    The modification will only be applied when the screen width is less than or equal to 1920px.

    Best regards,
    Ismael

    February 7, 2020 at 4:04 pm #1182333
    AmelC

    Hello,

    thank you for reply!
    Have added the code, works fine now.

    You can just close this thread.

    Best regards
    Amel

    February 8, 2020 at 9:39 am #1182534
    Rikard

    Hi Amel,

    Great, I’m glad that you got things working and thanks for the update. I’ll 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 10 posts - 1 through 10 (of 10 total)
  • The topic ‘full sized image’ is closed to new replies.