I have a full sized 1080 logo and have tried everything possible in the CSS to get rid of the white spaces on the side, but was unsuccessful. I found this thread and tried the code you posted,
How To Remove Left and Right White Space Around Logo? (Vantage Premium)
…but it did not resize my 1080 wide logo. It merely moved it to the left. The size of the logo is still 1010, only now there is a larger white space to the right. I have changed the background color of that area to GREEN so the issue can be easily seen. It is on this page: http://www.gone-adventuring.com
Any suggestions to allow (or force) the logo to expand to 1080?
Cheers,
Rob
Hi Rob
Please add the following to your Appearance->Custom CSS
#masthead .hgroup .logo { max-width: 1080px !important; } #masthead .hgroup .logo img { width: 100% !important; height: auto; }Let us know how you get on
Magus
Thank you. That additional bit of code did the trick.
fyi – There seems to be an awful amount of code in the CSS merely telling the logo to maintain a scale of 100% (which should be the default). I suppose, as long as it works, who am I to complain?
Cheers,
Rob
Hi Rob
Glad to hear it’s working. The other CSS for the Logo is for when the layout uses different options such as with a sidebar, logo in menu, no widget overlay and others.
If you need any more help please feel free to open a new support thread
Magus
Very good. Thanks.