-
-
Hi,
sorry to come again to this matter on this site: https://atipico.innovaimpresa.com/
The problem is with the codeless slider in homepage (and in some more pages).
You suggested me to place the image in Top center position in codeless slider options to have the image not being overlapped by header. It’s ok!
But the image is cut at the bottom. I tried to put 100% height in slider options in home page backend, but the problem remains.
The problem is solved only if I put 900px at least as height.
But as I navigate the site on screens bigger than 1440×900 again the image is cut at the bottom whatever dimension I set as height.
(all images for sliders are 1500x1000px)
Please see screenshots
https://i.share.pho.to/e5195bcb_c.png
https://i.share.pho.to/c6d8991c_c.png
Regards
Marco
-
Hello,
In the slider’s options Background > Background Image / Color > Background Size, select the ‘contain’ option. So the image will keep it original dimensions and not crop to fit the slider dimensions.
Let us know.Best regards!
-
Yes but if I select the contain option the image will no more appear as “full-screen” in larger screens.
Sample here: https://atipico.innovaimpresa.com/eventi-business-meeting/
if you see this slider on big screens (i.e. larger than 1440) you will get white space at left and right sides.
It would be ok using cover option in codeless slider, but maybe it is necessary to make wrapper height higher on big screens. Isn’t it?
Regards
Marco
-
Hello,
Yes, change slider’s options Background > Background Image / Color > Background Size back to cover and set the slider height the same as the image’s height.
Best regards!
-
-
You must be logged in to reply to this topic.