Hello.
I use Max Mega Menu Pro plugin in my site.
I had problems with icons that were solved.
On line 2035 of style.css there is this:
.mega-menu-wrap li > a:before {
position: absolute !important;
color: #fff !important;
font-size: 9px !important;
padding: 1px 7px 0 !important;
border-radius: 50px;
line-height: 16px !important;
font-family: ‘Poppins’, sans-serif !important;
}
.mega-menu-wrap ul li.hot > a:before,
.mega-menu-wrap ul li.sale > a:before,
.mega-menu-wrap ul li.new > a:before {
right: -3px !important;
top: 5px !important;
}
I think this needs to be changed to:
.mega-menu-wrap ul li.hot > a:before,
.mega-menu-wrap ul li.sale > a:before,
.mega-menu-wrap ul li.new > a:before {
position: absolute !important;
color: #fff !important;
font-size: 9px !important;
padding: 1px 7px 0 !important;
border-radius: 50px;
line-height: 16px !important;
font-family: ‘Poppins’, sans-serif !important;
}
.mega-menu-wrap ul li.hot > a:before,
.mega-menu-wrap ul li.sale > a:before,
.mega-menu-wrap ul li.new > a:before {
right: -3px !important;
top: 5px !important;
}
Can you insert this solution in core?
I have received such information from Max Mega Menu Pro support.
It solves the problem of icons.
Regards!
.
