Carousel images does not resize in mobile or tablet

  • Resolved laurynass

    (@laurynass)


    3 years, 6 months ago

    Dear all,

    i’ve added as a marketing banner carousel pictures to my homepage (carousel block). There are two of them which should constantly replaces each other. On desktop version works fine (with some cropping challenges ), but then checking on tablet or mobile, they are not resized and bearly recognised. Is there any CSS possible for to solve this?
    Block setup as follows:
    size – XL
    height in pxls – 440
    lightbox – OFF

    Picture size is 2850X900

    thanks in advance
    BR
    Laurynas

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Aleksandar

    (@gdalex)

    Hi @laurynass,

    Thanks for reaching out!

    The issue is appearing because the carousel has the same fixed height in mobile view, so it zooms the images to fit.

    Try adding this CSS code and let me know if it works:

    

@media only screen and (min-width: 768px) {
#post-1634 > div > div.wp-block-coblocks-gallery-carousel.alignfull.mb-0.mt-0 > div > div{
height:120px !important;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Carousel images does not resize in mobile or tablet’ is closed to new replies.