Hello

Would you have a URL to an example of this issue?

Ciarán

The images for my layer slider are 1500 x 1200 pixels in dimensions and the layer slider does not seem to view properly when screen is full example Desktop but as soon as resize browser (make window smaller) then slider appears responsive.

Please can you advise how to fix.

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you

Your slideshow appears wot be working as it should. Presuming I understand you correctly, the reason why your images do not resize on desktop is to ensure the full height of the image fills the screen on load. Would you like to disable this feature and just have the image resize regardless of the browser window height?

Ciarán

Yes Please advise how to resize image proportionally on desktop.
Thank you for always a speedy response!

Sure... To amend try adding the following to the Custom CSS field of your templates parameters...

.layerslideshow .img-fill {

    height: auto !important;

}

Ciarán

Implemented the code as you have suggested but the images do not fit on full desktop view. It only resizes when browser window is made smaller.
I resized the images to 1000px X 667px and now it seems to be looking much better on desktop view.

Hello

Just so I understand your query correctly, could I ask you to post a screenshot indicating the issue you are having.

Ciarán

Ciaran,

I'm having the same issue. I did try the code you suggested, but it had no affect. My images are sized at 1523w X 1015h. Please see attached screen shot. 17 inch monitor on left and 24 inch monitor on right.

JT

Hello

Would you have a URL to an example of this issue?

Ciarán

http://www.us-lgs.com/devj3

Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...

.layerslideshow .img-fill {

    height: auto;

}

.layerslideshow .img-fill img {

    height: auto;

    max-width: 100%;

    min-height: auto;

} 

Ciarán