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
11 years ago · Last reply by Magus 11 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 11 years, 1 month 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 11 years, 1 month 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 11 years, 1 month ago

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

  4. Magus Staff 11 years, 1 month 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