This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage Theme – move the menu bar down from masthead

Resolved 4 replies premiumthemetheme-vantage
joereth
10 years ago · Last reply by Magus 10 years ago

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”.

URL: http://breakbeatjoe.ddns.net

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Magus Staff 10 years, 10 months ago

    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

  2. joereth 10 years, 10 months ago

    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.

  3. joereth 10 years, 10 months ago

    Is this achievable ? Just to move the nav bar down until I see all the masthead image?

  4. Magus Staff 10 years, 10 months ago

    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

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread