First post here. I just moved my website (Dvir Barkay Photography) to editor X with the hopes that the dynamic resizing of elements to fit the viewport size would enable me to put a slideshow on my main page that changes to exactly fit whichever viewport the website is viewed on. For some reason, the slideshow looks fine on larger screens but the second you try to view it on a smaller laptop the image isn’t scaled down to fit the viewport height and so you have to scroll down to view the full image. Whether I set the size to 100vh or 100% doesn’t matter, I get the same result in the end. Would love some help with this!
Is the gallery stretched, or have you set the sizing directly?
I tried replicating your problem, and it seemed to work ok with the (unstretched) settings shown below.
FYI, here’s my test page (note that the Editor X header causes some scrolling on ALL viewport sizes – I didn’t take the time to adjust for that header): https://laborstreet.editorx.io/xpractice/gallery
Nice photos, btw!
Thank you so much for the reply Jim! So I don’t have it set to stretch and I manually set it up similar to what you did except I added a minimum height of 100vh. I now tried doing exactly what you did and unfortunately on a smaller screen I am still getting the same issue with the slideshow forcing me to scroll down to view the rest of the image rather than sizing it to fit the viewport.
Thank you, I am glad you enjoy them!
@barkaydvir Are you seeing the same result when you look at my test page (with the understanding that the Editor X header forces a bit of scroll on every viewport size)?
@jim75924 So I took your advice and made sure that the section is also set to a height of 100vh and that actually seems to have done the trick and no more scrolling or at least none that I can see! Thank you! Now I see another problem in the images themselves and the way that wix crops them. Even if I set the original image’s aspect ratio to be 1366 by 768 for example, on a screen resolution of that size it still crops the image instead of just resizing it to fit the screen and of course when you set it to fit rather than crop it adds those borders.
Ok, I just realized that the reason the scrolling disappeared was because I also changed the overflow content to hide. If I put it back then a scrolling effect remains.
@jim75924 Your test page looks good on most sizes and only when you make the screen really narrow or wide does it resize to a very small image but the scrolling effect does not change size like it does with my images.
Ok, I tried it again this time resetting all the settings and doing what you suggested with the 100vh on the section plus doing 100% width and 100vh and I also set it to image crop and for some reason now it actually seem to work a lot better as there is no scrolling effect and the images aren’t being butchered by the crop. So problem solved!