Carousel header image isn’t centered in Mobile and Tablet View Help

  • I have a Lucienne child theme installed. I am running the carousel but I’m struggling to find how to change somethings in CSS. When in tablet and mobile viewing mode the background header images of each post on the carousel are cropped to the left but I would like to center them.

    Please help

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

Viewing 1 replies (of 1 total)

  • @fargofever

    For a quick fix you can use the CSS mentioned below in your style.css

    .home .owl-carousel .owl-item .item {
    background-position: center !important;
    background-size: cover !important;
}

    Although, I’m sure you can tweak the settings of Owl Carousel to get what you want as I’m not a fan of using !important in the CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Carousel header image isn’t centered in Mobile and Tablet View Help’ is closed to new replies.