How can I resize the twenty thirteen header and header image dynamically?

  • I want my header image in the twenty thirteen theme to scale based on the size of the browser window. I’m using a child theme, and would like to try to keep any additional code there.

    Currently, I’m using this (which I found on another discussion): 

    /* Header Responsive */
.site-header {
	background-size: 100% 84% !important;
}

    It works right for the header image, but when I make the browser window more narrow, I’m left with a huge white gap at the bottom where the picture no longer fills the header.

  • The topic ‘How can I resize the twenty thirteen header and header image dynamically?’ is closed to new replies.