We would like to have a header image that spans the full width of the browser with the logo and menu items on top. I cannot figure out how to make this happen.
To add the CSS code for a page only, you can add the CSS code in the Parameters and Options area > Custom CSS.
As for the size, please add the "background-size: contain;" in that code or "background-size: cover;" and experiment with it until you are happy with the results (read more).
We would like to have a header image that spans the full width of the browser with the logo and menu items on top. I cannot figure out how to make this happen.
Thanks for your help with this.
Hi Adam,
Please add the code below to your Custom CSS area:
.header-block { background-image: url(https://www.wysetc.org/wp-content/uploads/sites/23/2019/09/header-small.jpg) !important; }Then just change the URL that I gave to your image URL.
Have a nice weekend!
Two additional requests for this code. We would like it just on the front page. And the image was huge. How do we fit it to the width of the browser?
Thank you.
Hi Adam,
To add the CSS code for a page only, you can add the CSS code in the Parameters and Options area > Custom CSS.
As for the size, please add the "background-size: contain;" in that code or "background-size: cover;" and experiment with it until you are happy with the results (read more).
Have a nice day!