Has anyone else noticed that site logos in DrupalCloud are not responsive in Firefox as compared to other browsers? I'm haven't found the right css rule yet to get it to work on Firefox, if anyone has one that works for them, please let me know. Thanks!
Category:
- Question
10/29/13
csgiles@mit.edu
Did you try applying width:100% to the img in the logo div?
11/14/13
csgiles@mit.edu
In doing some more reading on this, it looks like Firefox and Opera don't respond to the max-width that the theme applies there. Other browsers do.
http://www.w3.org/TR/CSS2/visudet.html#min-max-widths
11/15/13
brew@mit.edu
But it's strange since I can get all other images to respond to max-width regardless of browser :/
11/18/13
brew@mit.edu
Figured it out I think. To get the logo image to be responsive:
#logo img {
height: auto;
width: 100%;
}
12/11/13