Docs

[eagletechau]

I am using vantage on my site: http://www.eagletechau.com/

I have been able to make my header the desired length with some CSS:

.x-navbar { background-color: orange; }
.masthead .x-navbar .x-container.max.width {
max-width: 100%;
width:100%
}

nav.x-nav-wrap.desktop ul.x-nav {
max-width: 1500px;
width: 88%;

but I have not been able to make it my desired height. Is there anyway to simply lengthen the header image without making the image height huge? I am attaching the image file I am currently using.

[eagletechau]

I got it working ya’ll. That CSS made it take the whole header up, then it was just a matter of correcting the image resolution to be around 300 pixels tall. I am attaching an image file in case anyone needs it for future reference.

Also, I believe this is the crucial bit of CSS:

.masthead .x-navbar .x-container.max.width {
max-width: 100%;
width:100%
}

nav.x-nav-wrap.desktop ul.x-nav {
max-width: 1500px;
width: 88%;

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-brand {
    background: #03244D !important;
}
.x-brand img {
    width: auto !important;
    max-height: 64px !important;
}

Let us know how this goes!

[Author]

Posts