I have a logo that is 960px wide x 222px height. So I use the following custom css. If I make the css the same size, it cuts off the left and right side of the image. I need it to be full size and be flush with the menu border and bottom header border. I tried “Let logo and menu position adapt to browser window” in header behavior but that didn’t change anything.
Also, I would like to change the background behind the logo to white but keep the same blue color on the menu bar. See below… Thanks
Let logo and menu position adapt to browser window.
This partially works with width but not height or position between top and botom borders.
.logo img {
min-width:900px!important;
height:400!important;
}
Hey yes9310!
When you resize the logo on that way, it is not proper.
Please, size the logo with a photo software to the size you need and remove any custom CSS, so it can work and function properly.
Thanks a lot for your understanding
Cheers!
Basilis
Thanks Basilis,
However, the customer wants it this way 960pxx222px as I am rebuilding his website from another theme that was outdated. See image below. What other way can I accomplish this? Should I put it into full width slider and perhaps remove entire logo area with some css somehow?
Hi,
The logo looks different. http://alanpaul.net/wp-content/uploads/2014/03/alan-imus-300×158.jpg
Could you please provide a screenshot of the planned header layout of the site? Where do you want to put the menu or navigation?
Best regards,
Ismael