background images mobile responsive

  • i am using a background image in the “Call to action 2” section, and on mobile, it displays the left side of the picture that is mostly filler, the object is in the right section of the photo. is there a way to make the image respond for mobile screens or prioritize/choose what section of the photo displays on mobile?

    Hello,

    Yes you can use CSS media queries to accomplish this,

    Media Queries for Standard Devices

    For example:

    @media (max-width: 767px) {
    .calltoaction2 {
    background-position: center -215px;
    }
    }

You must be logged in to reply to this topic.