Hi Eric

It is tricky to say for sure without an example of the issue. Would you possibly have a screenshot of the problem? Is the issue present when you resize your browser window or just on mobile devices?

Ciarán

Hello,
A little better..
I installed the version of joomla with the template demo that's in the download file and now with this custom css:
@media only screen and (max-width: 1024px) {
.layerslideshow .img-fill img {
max-width: 100%;
min-height: auto;
}}
the image doesn't get cut off, maybe something wrong with my first installation.
But when resizing the window and with phones in portrait mode, the showcase container seems to be too big.
I want to keep the image proportions, and reduce the container height.
Also the arrows to disappear
Can I do that ?
Thanks

Thank you

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

@media only screen and (max-width: 767px) {

.layerslideshow .info {

    height: auto;

    line-height: 20em;

    max-height: 0;

}

.layerslideshow button {

    display: none !important;

}}

Ciarán

There is still an unwanted white space I'd like to remove on phones in portrait mode if it's possible.
Thanks a lot for your answers.

There is still an unwanted white space I'd like to remove on phones in portrait mode if it's possible.
Thanks a lot for your answers.

Could you also try adding the following...

@media only screen and (max-width: 1024px) {

.layerslideshow .img-fill {

    height: auto

}}}

Does that help?

Ciarán

Yes it's just perfect now !
I really appreciate the assistance, thanks a lot

Eric