Error when using megamenu and Zerif pro

Hi suportgc,

Thanks for the gif, very helpful.

You will need to contact Zerif support and ask how to stop that ‘current’ class getting added to menu items as you scroll down the page (MMM is not doing that itself).

Regards,
Tom

Hello Tom, good day.

I’ve been in touch with the company and gave me the following css code.

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
display:none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link[class^=”dashicons”]:before {
display:inline-block !important;
}

However, when entering dashicons, the error recurs.

Hi suportgc,

From the gif, it looks like the ‘current’ menu class is causing the problem.

However, on the demo site for zerif pro the ‘current’ class is not added to the menu items (which is confusing).

I have contacted ThemeIsle asking for a copy of the theme so I can investigate and get it fixed properly – I will update you here as soon as I know more.

Regards,
Tom

Thank you.

I’ll be awaiting your return.

HI suportgc,

Ok, I have the theme.

In the theme’s style.css file, find:

li.current>a:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 2px;
	bottom: 0px;
	left: 12.5%;
}

Replace with:

li.menu-item.current>a:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 2px;
	bottom: 0px;
	left: 12.5%;
}

I will also send this fix to ThemeIsle and hope they include it in their next update.

Regards,
Tom

Hello Tom, good afternoon.

Many thanks for your support.

Problem solved.

Have a nice week.

Hello .. Good evening.

Your help was very useful.

Could you tell me how can I do this insert in the child theme?

After each update, I have to repeat the process, however, I can not enter the child theme.

Where do I put the! Important?