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.

changing height masthead to fit logo

Resolved 3 replies generalpremium
Rins Boschma
11 years ago · Last reply by Andrew Misplon 11 years ago

Hello there,

I want to place a logo in the masthead but it is not fully visible. How can I adjust the hight of the masthead?

I tried to use the code in custom css you gave in another thread;

/* Full header logo */

header#masthead {
padding: 0 !important;
}

header#masthead hgroup {
padding: 0 !important;
}

header#masthead hgroup .logo img {
width: 1080px;
}

.main-navigation {
margin: 0 !important;
}

body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
display: none !important;
}

However without succes.

Is there a way to adjust the height of the masthead so that the logo is entirely visible. (Logo height is about 200px).

Thanks in advance,

Rins

URL: http://porcellana.nl/

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 4 months ago

    Hi Rins

    The Custom CSS I wrote for a full width and height logo is unfortunately specific to the boxed layout version of Vantage.

    You can adjust the header padding from Appearance > Customize > General: Header Padding.

    I’d recommend setting a masthead background color in the Customizer and then adding your logo from Appearance > Theme Settings > Logo so that it’s clickable.

    If you’re looking for a 100% width masthead you could try the following Custom CSS:

    /* Make the Masthead 100% */

body.responsive.layout-full #page-wrapper .full-container {
max-width: 100% !important;
}

    I suggest removing the previous Custom CSS.

  2. Rins Boschma 11 years, 4 months ago

    Hello Andrew,

    thank you for your quick reply. I followed your recommendation and it works fine;

    http://porcellana.nl/

    regards,

    Rins

  3. Andrew Misplon Staff 11 years, 4 months ago

    Super, looks great. All the best with your site.

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