JA Builder PRO - Auto resize Slideshow on mobile version

adminjlf

Is there a way to use the "Container SlideShow 1" with auto resize on mobile version ?

the site is working perfectly on desktop version, but with a smartphone, we didn't see the slideshow images..
How can we adjust the slideshow to appear correctly on desktop AND mobile version ?

Best regards,

Eric.

Ninja

adminjlf
Hi
The image showing in the slider work as background for the heading text.
Its show as cover. In PC because there is enough space it is showing fine.
In Mobile if the image resize, it will not fill the complete space behind the text.
Example : http://prntscr.com/ofkkrl
This is why it is set as cover so the text will get complete background in all scree size.

If you want to set it like the example i shared let me know, i will share the changes.

adminjlf

Ninja is it possible to get all the text below the picture ?

Best regards,

Eric.

Ninja

adminjlf
Hi
No this is background image applied behind the text.
You can change the background property for each slide http://prntscr.com/og1vx0
And set them as per needs.

adminjlf

Ninja Ok, if i create 2 different containers (one with only the pictures, the other with only the texts), is there a way to remove the "Blank" section below the picture on the mobile version ?
http://prntscr.com/ogax1i

Best regards,

Eric R.

Ninja

adminjlf
Hi
You can add this code in custom css block to set a max height

@media(max-width:468px){
.jub-block.container-slideshow-1 .container-slideshow .item {max-height:350px;}}

adminjlf

Sorry for the delay, but i just try to add the CSS custom but unfortunately this doesn't work...
http://prntscr.com/orqi3y
Ninja

Ninja

adminjlf
Hi
Kindly use this code

@media (max-width: 468px){
.jub-block.container-slideshow-1 .container-slideshow .item {
    max-height: 267px!important;
}}

Reduce the height value as per needs.