JA Content slider is not Mobile compatible

sachinsehdev

Could you please help

saguaros

Hi sachinsehdev

Could you share me the URL of page where you're showing JA Content Slider module?

sachinsehdev

saguaros url provided is the exact url where I am displaying the slider. please see at the bottom of the page.

Images in the white background are the ones with JA slider.

saguaros

sachinsehdev I see it now.

This slider module is pretty old module which is created before the responsiveness comes out. To show it well on mobile, it will need some customization. I suggest you to use 'Gallery' block of JA Builder to show these background images on that page.

It will be easier.

Regards

sachinsehdev

saguaros Thanks but he problem with gallery is that I can not show picture in the same size. If I change the height of the mimage then it becaomes pixelated depending on the screen.

saguaros

sachinsehdev

There are several blocks for Gallery, which one are you using?

sachinsehdev

saguaros Please recommend me which one is the best to get picture in the same height.

Regards
Sachin

saguaros

Hi sachinsehdev

I think there are several Gallery blocks like that: https://prnt.sc/u8rnjs

sachinsehdev

saguaros yes but images do not come on with the same height.

saguaros

sachinsehdev

It should be in same height, could you give it a try and add your own images there?

sachinsehdev

saguaros These are the images from the gallry 1.1

saguaros

sachinsehdev

It due the the different ratio of these images so it crops to different sizes, I just added this custom css to make it equal height:

.jub-block.gallery-1 .gallery-items .item img {
    min-height: 340px;
}

Kindly check.

sachinsehdev

saguaros Really appreciate your help.
Thank you