Header Logo too large in IE and Firefox
-
Hi:
I’m using the Bento theme and I have the following custom CSS code within the Theme Additional CSS area. I more or less use the custom code to reduce the size of the logo to fit within the recommended 150px x 150px area. What is interesting is that the logo shows correctly in Chrome, but IE and Firefox shows the original size of the image and not the resized version. I’m using a large image and resizing it because if I upload a 150px x 150px image it looks fuzzy.
header .logo {
height: 0px;
margin-bottom: 0 !important;
max-width: 125px;
width: 125px;
}website here – https://dev.authenticlifetc.com
Any guidance would be greatly appreciated, thanks!
-
You need to set the image width as well, not just the container width:
.logo img { width: 100%; }Here’s a working demo (try removing the 100% width on the image and check in IE):
- The topic ‘Header Logo too large in IE and Firefox’ is closed to new replies.