About auto resizing header – twentythirteen theme

Add some CSS to your Child Theme style.css file:

.site-header {
 background-size: 100%;
}

https://www.w3schools.com/cssref/css3_pr_background-size.asp

Hi Andrew,

Thanks for your advice.

style.css

/*
Theme Name:     Twenty Thirteen Child
Theme URI:      https://sousvide.reynoldstocks.com/
Description:    Child theme for the Twenty Thirteen theme
Author:         Stephen Liu
Template:       twentythirteen
Version:        0.1.0
*/
@import url("../twentythirteen/style.css");
.site-header {
 background-size: 100%;
}

Unfortunately it doesn’t work.

satimis

Can you link your site?

Yes, I can browse the site which is under building;

https://sousvide.reynoldstocks.com/

satimis

Use this CSS instead:

body .site-header {
 background-size: 100%;
}

Hi,

I got it. Thanks

satimis