A further issue is that in Internet Explorer the image is displayed full size.
Hello! Add this custom css code: .menu-item a img.menu-image { border: none !important; }
About IE… I think IE doesn’t support srcset attribute, you can get rid of this attribute, see FAQ section on plugin page.
Thanks for your fast response!
I added:
.menu-item a img.menu-image { border: none !important; }
to the style.css of my child theme. The effect in Chrome is zero – the line is still there. In IE, though, the line is gone?!
I also added the suggested code to disable srcset:
/**
* Fix for broken images on azure & wordpress 4.4
* @see https://ww.wp.xz.cn/support/topic/wordpress-adding-absolute-paths
*/
add_filter( ‘wp_calculate_image_srcset’, ‘__return_false’ );
to the functions.php of my child theme. The effect is that with that code in Chrome the image also shows full size – as in IE. So I deleted the code again.
Any further suggestions? Thanks.
I now also check Firefox. No line, right size: perfect
Hm, that’s strange, did you cleared your browser cache when checked it? For me underline is fixed, see: http://www.awesomescreenshot.com/image/1945215/8b5e7dca00c4ff0e19826b8ae7fa600d
About image size, what size it should be? Can you post screenshot?
I cleared the browser cache and in Chrome the line is gone now too. So the line issue is basically solved for Chrome, Firefox and IE. Perfect. I will check Safari when I have access to an Apple computer latter today. Thanks for fixing that!
Now the size issue. In WordPress I set the size of the image to be Menu-24*24. The image as displayed in Chrome and Firefox is as per your screenshot which is perfect. With or without the code to disable srcset, IE seems to ignore the settings and seems to fit the image to the width of the drop down menu. Here is what that looks like:
-
This reply was modified 9 years, 6 months ago by
kemese1.
-
This reply was modified 9 years, 6 months ago by kemese1.
Wow, looks weird, did you tried to check what’s wrong with developers console? At least what HTML code is used for image element, i.e. is image html element has attributes like width=250px or it is a CSS issue…
Sorry, my web skills are limited. I do not think I understand. Could you please explain again what you want me to do. Thanks
-
This reply was modified 9 years, 6 months ago by kemese1.
ok, I will check it later somewhere…
I just checked Safari. The image is displayed just fine. So the issue is only related to IE.
Any chance you will work on the IE issue sometime soon? Thanks
I will check it on this weekends with fresh instance of wordpress and default theme, if there any problem I’ll fix it, but there is chance that problem only in your case (
