Probably best to widen the containing <div> to 100% of screen.
Then make the image 100% width.
I am new to wordpress and do not know how to code so I am not sure what “widen the containing <div> to 100% of screen” means.
Please help me in amateur language 🙂
You can use something like this
.site-logo img {
width: 100%;
padding: 30px 0;
}
in the custom CSS box, but this is as wide as the image can go.
Are you talking about the overall site width or just the header image ? If your talking about the overall width you need to adjust it in several places because the site is responsive and has several media queries.
The header image is being restrained by the website containing div. So making the header width 100% will not cause the header to stretch the width of the site.
Hi Nvoura, this thread was getting confusing as someone else interjected asking a seperate question.
Can you please tell me how to get the full image?
Hello.
If by full image you mean a banner that stretches from one end of the screen to the other, I’m afraid this is not an option on Olsen Light.
