Custom html doesn't work in megamenu titles

Hello, I wanted my megamenu to contain more categories, so I adjusted some spaces and added this code to custom CSS:

.mega-menu-list .sub-sub-menu li a, .menu-mega-dropdown .sub-sub-menu li a {
padding: 2px 0;
}

Then labels aren’t displayed correctly, so I tried to do custom one for word “Akcija!” by myself and added this code:

.akcija-sticker {
    background-color: red;
    color: white;
    font-weight: bold;
    border-radius: 20px;
    width: 55px;
    height: 16px;
    padding: 0px 0px 8px 5px;
    font-size: 12px;
}

Then HTML code part looks like this:

<div class="akcija-sticker">Akcija!</div>

It works on products and elsewhere in the website, but it won’t work in megamenu titles. Why?

Hello,

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

body .vertical-navigation .menu-mega-dropdown .sub-menu > li> a {
	line-height:15px
}

Make sure you have added the class correctly: https://prnt.sc/xu0i6n

Best Regards

[Author]

Posts