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
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.
Hello Andrew,
thank you for your quick reply. I followed your recommendation and it works fine;
http://porcellana.nl/
regards,
Rins
Super, looks great. All the best with your site.