• Closed
  • Design by Pepper
    Participant
    May 2, 2015 at 11:33 pm #17195

    Header Image Background Responsiveness Style
    cover (default) looks good on a pc
    contain looks good on mobile

    problem is “contain” makes the image small and looks good on mobile while the default “cover” looks perfect on the pc but when shown in mobile, it cuts off the sides of the image, it doesn’t shrink down. The image is 985 × 170

    the website is LibertadGroup.com

    Roman
    Spectator
    Posts: 3147
    May 3, 2015 at 6:35 pm #17212

    the website doesn’t work 🙁

    Design by Pepper
    Participant
    Posts: 60
    May 3, 2015 at 10:30 pm #17231

    i’m sorry it’s http://www.libertadgroup.ORG

    Design by Pepper
    Participant
    Posts: 60
    May 3, 2015 at 11:01 pm #17233

    Right now i have it set to default

    Roman
    Spectator
    Posts: 3147
    May 4, 2015 at 7:09 pm #17244

    try this Custom CSS – Theme Options -> Custom CSS

    @media only screen and (max-width: 768px) {
    .custom-header {
    background-size: contain !important;
    }
    }