Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 8, 2015 at 3:34 pm #425364
    Artinet

    I am trying to make the header background image change its size to suit tablets and mobiles but I can’t find any css for the image – can anyone help?

    Edit: I have set it so the background image changes to a colour for now. The website is at http://www.artisan10.co.uk/

    • This topic was modified 9 years ago by Artinet.
    April 8, 2015 at 8:31 pm #425568
    Elliott

    Hi Artinet!

    Hmm, not sure if that is going to be feasible or not.

    You can play around with the background-size and background-position like so.

    .header_bg, .header-bg { background-size: cover !important; background-position: center center !important; }

    But since your image has text on it I don’t think that’s going to look good.

    Regards,
    Elliott

    April 9, 2015 at 10:43 am #425815
    Artinet

    Hi Elliott

    That’s great, thank you! Now I know which css to use I’ve been able to change the image to a second one that’s more suitable for mobile viewports.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive header background image’ is closed to new replies.