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 Pro – how to increas page header image size?

Resolved 4 replies premiumthemetheme-vantage
Uni Tech
10 years ago · Last reply by Uni Tech 10 years ago

This is my site :

http://unitech.pcpeopleuk.com/

I am trying to make the header image I have to be displayed as 1080 x 202 instead of it’s current 1010 x 202 but I am really struggling to find a way of updating it so it in effect has no white border around the left and right hand sides.

I am running as layout bound : boxed with the default masthead and have removed the padding that was previously above and below the logo.

Any help or pointers of where I should be looking would be greatly received :)

URL: http://unitech.pcpeopleuk.com/

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, 7 months ago

    Hi Uni Tech

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #masthead {
    padding: 0;
}
.main-navigation {
    margin: 0;
}

    Let us know how you get on

    Magus

  2. Uni Tech 10 years, 7 months ago

    Hi Magus,

    Thanks for your reply and help.

    If I apply the change above, the blue menu bar extends wider but my image remains the same size.

    Inspecting the page element using Firefox, it looks to be with the <img class="logo-height-constrain" aspect where the size is being limited to width=1010 and height =160

    Is it possible to configure that aspect larger? I have a screenshot but it won't let me upload it though.

    Thanks again.
    Gareth

  3. Magus Staff 10 years, 7 months ago

    Hi Gareth

    Please try the following instead. I have added some resize elements for the logo and have added the !important tag to the menu resize. This should give you the desired result.

    #masthead {
    padding: 0px;
}
.logo, .logo-height-constrain {
    width: 100%;
}
.main-navigation {
    margin: 0px !important;
}

    regards

    Magus

  4. Uni Tech 10 years, 7 months ago

    Hi Magus,

    Yes! That achieves the look I was hoping for with the full width logo – it has a slight stretch on the image (most noitceable on the company logo on the page but nothing too detrimental I don’t think.

    Thanks!

    Gareth

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