Issue with Product categories Icon to display in the main menu on in explorer

Hello,
I have some visual problem with “Product categories Icon to display” in the main menu on in browser explorer

Please link with Edge\Explorer: https://www.bestdeals5.com – You can see that the product category image does not look good.

On the other hand, your site looks good: https://woodmart.xtemos.com/

I understood and saw the problem
I’m missing width = “18” height = “18” in img html tag

<a class="woodmart-nav-link" href="https://woodmart.xtemos.com/product-category/furniture/"><img width="18" height="18" class="category-icon" alt="Furniture" src="https://woodmart.xtemos.com/wp-content/uploads/2017/01/chair-1.svg"><span class="nav-link-text">Furniture</span></a>

please see attached images

What should I add in a product category to make these properties ( width=”18″ height=”18″) appear in the html tag

<img width="18" height="18" class="category-icon" alt="Furniture" src="https://woodmart.xtemos.com/wp-content/uploads/2017/01/chair-1.svg">

Thanks a lot!

Attachments:

You must be logged in to view attached files.

Hi,

Have you fixed the problem already? We tested in IE and it looks correctly https://gyazo.com/c235168ce6dca2eac32b1777e86c9c5d

Regards

Hello,
The problem still exists,
please see the attached file

the problem only in edge\ie

thanks!

Attachments:

You must be logged in to view attached files.

What version of IE are you testing on?

hello,
Explorer Edge/11/10
it’s happening on several computers, not one
please test it from another computer

Thanks!

We tested on different computers in both IE and Edge but don’t see any problems https://prnt.sc/msine0 http://prntscr.com/msinjt

Hello,
I have Explorer version 11.0.9600.19230
please see attached images

Thanks a lot!

Attachments:

You must be logged in to view attached files.

Maybe you have some cache on your browser. Try to clear all the cache. Also, try to reupload the first icon for example with some different name.

Hello,
There’s no problem with cache on my browser

I resolve this problem by adding the next attribute:

.woodmart-navigation .category-icon {
    width: 18px;
}

to: 
Theme Settings -> CUSTOM CSS-> Custom CSS for desktop->

Theme Settings -> CUSTOM CSS-> Custom CSS for tablet->

Thanks anyway!

Great, we are glad that you sorted it out.

[Author]

Posts