I have a wide masthead image, 1080 x 200. When I view it on the computer screen, the image has been resized in the img tag to be sized at ‘width=”1010″ height=”187″‘, which leaves ugly space on each side of my image.
I’ve looked throughout the css, but can’t find where this is. I’ve removed paddings and margins in so many places, I ended up having to reupload my backup of the css file.
I want this to be 100%. How can I make that happen? We’ve purchased the premium version.
Thank you.
Hi Jim
Please try the following under Appearance > Custom CSS:
/* 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; }Boom. Like a champ. Thank you for all of the code! Love it and we expect to use it more on other sites!
Super, really glad to hear that helped. All the best.