I am trying to take out the space to the right and left of my logo. I have created the below Custom CSS as suggested in previous posts but it isn’t working for me.
/* 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;
}
Hi Shelly
hgroup has changed from a tag to a div class so every instance that you see hgroup in your Custom CSS, change that to .hgroup.
Before:
After
This methods assumes a 1080px wide logo.
Hope that helps.
Hi Andrew – Thank you for your help. Unfortunately, the logo is still not full width.
The Custom CSS you’re trying to use here is specifically for the boxed layout version of Vantage. Sorry for not checking your link earlier. Your header looks pretty good right now though.
It is close but still not what I want. I want the actual logo to be on the left side of the screen & the phone number to be all the way to the right side of the page, just like the MetaSlider spans the whole width of the page. Then I plan to resize the text. Thanks.
For that you’d need to remove all the previous Custom CSS and try something like:
/* Make the Masthead 100% */ body.responsive.layout-full #page-wrapper .full-container { max-width: 100% !important; }