There is one conundrum – regarding mega menu of categories section

Hello,

You can insert icon from https://fontawesome.com/v4.7.0/icons/ into menu item http://prntscr.com/n7coaq for example cloud http://prntscr.com/n7coxt

Best Regards

Hello,

You can add a class to the menu item and set the image as the background before. https://xtemos.com/docs/woodmart/create-menu-2/

As soon as you add the class, let me know I will help with custom CSS if you need.

Best Regards

Hello,

Please specify the menu and menu item.

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.vertical-navigation .item-level-0.menu-item-has-children:last-child>a:before {
background-image: url(http://properties.mn/portfolio/shinesongolt/wp-content/uploads/2019/04/icon_men.svg);
	background-repeat: no-repeat;
background-position: top left;
	width:20px;
	height:20px;
	background-size:contain;
	content:'';
	margin-right:5px;
}
.menu-categories-container .site-mobile-menu li.menu-item-has-block:last-child > a{
background-image: url(http://properties.mn/portfolio/shinesongolt/wp-content/uploads/2019/04/icon_men.svg);
	background-repeat: no-repeat;
background-position: top left;
	width:20px;
	height:20px;
	background-size:contain;
	content:'';
	margin-right:5px;
}

I do not see the class which you have added. That is why I have assigned the styles to the last child element. I am trying the image URL, you have provided it does not work. Please replace with the valid one.

You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”20″ height=”20″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

Best Regards

You are welcome! If you have any questions please feel free to contact us.

Best Regards