header image problems

  • vexguard

    (@vexguard)


    12 years, 3 months ago

    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)
  • batharoy

    (@batharoy)

    12 years, 3 months ago

    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.