Is it possible to keep the slider image from scaling?

Hi michelgreenwood

Can you please post your site address here?

Thanks

Hello,

Thank you for the reply. I do not have the site available yet. But the demo for optimizer has the same effect… the default slider image is of a laptop on a desk with other items. If you shrink the screen size, the image is replaced by a “zoomed out” version. If you increase the screen size to 960, the image returns to “zoomed in”.

I was wondering if there is a way to prevent the change from happening. I would prefer to just use the whole image at any screen size, without zooming in.

Thanks for the support!

Hi michelgreenwood

I guess you are trying to resize to simulate how the site looks in mobile/tab devices. But the thing is users on mobile wont load on a big screen first and they wont be resizing windows in mobile/tab devices.

To emulate mobile/tabs display you will have to first resize your window and then refresh the site to see how it would look on mobile/tab device or you can use Chrome Device Mode & Mobile Emulation ??

If it doesn’t satisfy your need, you can insert this CSS in Optimizer Options -> Custom Code -> Custom CSS. Although because of the disproportionate size of the height and width maintaining aspect ratio will not be possible.

div#stat_img {background-size: contain!important;}

Let me know if it solves the issue you are having.

Thanks

Thank you so much for the help!