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].
I cannot seem to get eh masthead image to show completely. the navigation menu bar covers the bottom 1/4 of my image. I have looked through this forum and tried everything I’ve seen and nothing happens. so, couple of questions,
1) what is the absolute 100% correct size of a masthead image?
2) If I have the correct size then why does the manin navigation bar cover up part of the masthead image?
3) Why can’t this be a bit easier than this? kinda the whole point of a “template”.
Hi joereth
You can change the height of the masthead by navigating to Appearance->Customize->Theme Settings->General and changing the value of Header Padding. Adjust until you get a layout you are happy with.
Hope this helps
Magus
Not happy with that at all as it changes the entire image ( It makes the image huge ). all I want is for the Navigation menu bar to move down. Nothing else.
Is this achievable ? Just to move the nav bar down until I see all the masthead image?
Hi Joereth
The navbar will only move down with the padding adjustment. Another alternative would be to add the image as your Logo by going to Appearance->Theme Settings and then removing the Custom CSS you have added to make it a background image.
You could then use this in Custom CSS to give it full width and height.
/* Full header logo */ header#masthead { padding: 0 !important; } header#masthead .hgroup { padding: 0 !important; max-width: 100% !important; } header#masthead .hgroup .logo img { width: 100%; } .main-navigation { margin: 0 !important; } body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar { display: none !important; }Let us know how you get on
Magus