I have the header transparency set to “No transparency” on the layout section of this page, but when I scroll the page the first image is still visible beneath the header. Where can I set the header to be completely opaque?
Also, I would like the top edge of the first image on the page to begin beneath (or flush with) the opaque header, not behind it. I dont see a way to control that either.
Thanks for your help
Hi Joe!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.header_bg {
opacity: 1;
}
The background image is set to parallax which needs to have the image slightly under the content to work correctly. If you don’t want that to happen you can change how the background is set for that element.
Cheers!
Devin
Thanks Devin.
Resolved.
Glad we could help. Let us know if you have any other questions or issues.