Why is my Quiver background not stretching to fit screen?

Weebly can occasionally override styling codes. If this is what is happening to you, here is how to remedy this:
1) Click into “design” and into “edit html/css”
2) Click into “mai_style.css” to open the css editing page
3) Here locate this code:

.wsite-header {
background: url(‘light-header.jpg’) no-repeat;
background-position: center top;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

4) Here add !important in the background size code to prevent Weebly from overriding the background size setting like this:

.wsite-header {
background: url(‘light-header.jpg’) no-repeat;
background-position: center top;
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-attachment: fixed;
}

5) Save and re-publish your site

Tags: