slideshow image in Colibri not centered in mobile

  • Hi,

    I added a slideshow with images on my homepage in the hero section but when I check on the mobile version, the images are not centered. The settings changed when I added the slideshow because the person who did my website managed to put a perfectly centered image. Now I don’t now how to make sure the image is completely visible on the mobile version (writing included which is already on the image).

    Does anyone know how to do this? I’m not very good with technical info on WordPress or website design. I tried to follow the advice someone else gave to add an additional CSS I think but it doesn’t seem to be working

    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    Please add this extra CSS code in Customizer -> General Settings -> Additional CSS :

    @media screen and (max-width: 480px) {
    .slideshow-image {
    background-size: 100% 60%!important;
    background-position : center center!important;
    background-repeat : no-repeat!important;

    }

    .home #hero{
    background-image:unset!important;

    }
    }

    Thread Starter kat12344

    (@kat12344)

    Hi, thank you for your reply.

    I tried doing this and now the images are centered but they all appear stretched out and don’t take up the whole space. I also tried to resize the images but nothing has changed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘slideshow image in Colibri not centered in mobile’ is closed to new replies.