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].
Hello
I’m having the following problem with the header area and navigation bar. The navigation bar is in front of the image in the header area (you should be able to see the whole car). How do I separate these elements?
Thanks a lot!
I kinda solved it by increasing the Header Padding. Is there also a way to automatically adjust it to the header image size?
Hi Rutger
Please try heading to Appearance > Customize > General and increase Header Paddding to say 120.
You could also add your image as a logo under Appearance > Theme Settings > Logo and remove it as a masthead background. Then, add the following under Appearance > Custom CSS:
/* Full header logo */ header#masthead { padding: 0 !important; } header#masthead .hgroup { padding: 0 !important; } header#masthead .hgroup .logo img { width: 1080px; } .main-navigation { margin: 0 !important; } body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar { display: none !important; }That seems to be working. Thanks a lot!
For sure. Glad we could help.