Dear Krisie,
Images are not responsive or resized properly. as you can see on this page: http://eurbanlabevent.eu/
The image is overlapping the sidebar. I tried to add css: a img, img {max-width:100% !important;}
This happens in ie8 and 9!
How can i fix this?
Thanks in advance
Rhodo
Hi Tweekeertwee!
Please try to use following code – insert it into the quick css field
#top .avia_textblock img, #top .avia_textblock a img{
max-width:100% !important;
}
Regards,
Peter
Thanks Peter but it doesnt work :( Any other solution? And shouldnt this be fixed in the Enfold theme? Because evryone will be having the same issue.
Thanks again!
Rhodo
Hey!
Yes but I didn’t notice the issue on other websites yet and we can’t add fixes to the core without making sure it’s a general issue. However I probably found the problem – please try to insert
.avia-msie .entry-content-wrapper a{ max-width: 100%; }
into the quick css field. If this doesn’t work try to add an !important tag. I think this code in css/base.css causes the issue
a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
The max-width:none\9 hack is required for IE8 but in our case it also breaks the image link.
Best regards,
Peter
Nice that fixed it!
I understand the IE8 fix but shouldnt we be focussing on the browsers most people use? I think its more acceptable to have bugs in IE8 (2009!) then in IE9.
http://theie8countdown.com/ 10% worldwide
http://theie9countdown.com/ 16% worldwide
Thanks a lot Peter.