• I added a header to the twenty thirteen theme that is the exact dimensions the theme requires. It looks great on my desktop but when I view it on my laptop or my phone the header goes off of the screen unless I zoom way out. Anyone have any ideas on how I can fix this issue? The website is http://www.vexguardpestcontrol.com

Viewing 1 replies (of 1 total)
  • Your current site header is set to a static 1600px.

    .site-header {
    background: url(http://vexguardpestcontrol.com/wp-content/uploads/2014/02/VGBANNERnew.jpg) no-repeat scroll top;
    background-size: 1600px auto;
    }

    If you change the background size it will scale correctly.

    .site-header {
    background: url(http://vexguardpestcontrol.com/wp-content/uploads/2014/02/VGBANNERnew.jpg) no-repeat scroll top;
    background-size: contain;
    }

    The downside is the text in the image becomes unreadable at smaller sizes.

Viewing 1 replies (of 1 total)

The topic ‘header image problems’ is closed to new replies.