Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
How to i add header image in Corp theme?
Please advice for me.
Thank you.
Parinya
Hi Parinya
There isn’t a way at the moment to add a header image to Corp.
You can try adding to Customize > Additional CSS:
.site-header { background: url(https://demo.siteorigin.com/corp/files/2018/06/optimizing.jpg) center center no-repeat; background-size: cover; }Replace my URL with yours from your Media Library.
Background image of
https://demo.siteorigin.com/corp/files/2017/12/office-meeting.jpg
Can i use you css code right?
Thank you Andrew Misplon very much
Parinya
For sure, the CSS snippet is for you to try.
No problem using the image too but I recommend uploading it to your Media Library rather.
Thank you Andrew Misplon very much
Parinya
Glad we could help. All the best.
Hello Andrew Misplon :-)
I try you code and this is results.
http://www.anuphap.com/
How should I fix it?
The top menu is not like corp theme.
https://uppicimg.com/v/w5nBxOEL
https://uppicimg.com/v/7RiLfXJI
Thank you very much Andrew Misplon
Sorry for Frequently interrupted
Parinya
Hi Parinya
No problem.
You are using Polestar but it’s very similar to Corp. If you first row in Page Builder by SiteOrigin is a big Hero image then you can use Page Settings to set the header to overlap: https://purothemes.com/documentation/polestar-wordpress-theme/page-settings/. And also set Page Layout to No Sidebar and disable the Header Margin and Page Title.
To make the header transparent on scroll, add the following to additional CSS:
.site-header.stuck { background: transparent; }Thank you Support Assistants very much
Parinya