Enfold Theme: how to change mobile icon on fullwidth submenu?

Hi,

Please try to add this code to the quick css field:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all .av-menu-mobile-active .av-subnav-menu > li a.av-icon-char:before {
content: attr(data-av_icon);
font-family: 'entypo-fontello';
}
}

Best regards,
Dude

Forgot to add, the cursor is also half height on the icon area so there are ‘two’ And on Free trials in red, when highlighted, Free trials is not inverting to white though that’s probably my fault, but I can’t figure out how to fix it.

Thanks

Hi Vinay

Thanks for that. Removing the background is OK.

It works as you gave, but I noticed on mobile (resize the window on desktop to be mobile size as it’s easier to see), that if you move the cursor through the menu from Pricing down through Free Trial to the cart, the target urls change properly and over the button you get the Free Trial url, but when you drop right below the button at its outline, you get the cart url and that stays, then disappears and then reappears when the cursor is right on the cart icon. Which is weird.

I tried playing with the transform and padding anyway as the way you had it the cart would bounce into position; my way it just appears at the right spot so I have

/* Mobile menu item alignment */
#av-burger-menu-ul li:nth-child(6) a {
transform: translateY(13px);
padding-top:20px !important;
}

#av-burger-menu-ul li:nth-child(7) a span {
transform: translateY(0px);
padding-top:33px !important;
}

I also removed from your code
position:relative!important;
as it made no difference I could see.

But in any case, my way or your way, the link as described is appearing in two places. Hopefully it’s easy to fix but if not, it will do.

Thanks again

Ok, please see below.

Sorry about that. See below for credentials.

Hi Vinay

This is still not working. I tried on desktop clearing cache and Android. I attached a link below to three screenshot files showing the problems:

a) kriesi-free trial mobile menu errors — which is the home (house) icon not showing in mobile.
b) kriesi-mobile menu errors — which are the cursor position errors for the cart and button rows.

And also there is this error

c) kriesi-menu text colour error in edge — which is the menu button’s text colour incorrect in edge

Thanks!

No they still don’t all work.

I removed the home icon in free trial sub menu as still doesn’t work. The vertical alignment was all wrong as attached link in the section below shows but as I wrote, I removed it now. However, that home icon still shows on Android after clearing cache even though I removed it from the menu! It can stay BUT I need to know what code you added and where that is as I can’t find that code anywhere so I can get rid of it if I want. Please let me know where you made all the changes and what they are.

Also when making desktop smaller, the Free Trial sub-menu has the wrong font when the mobile menu is used. It shows in a serif font when a desktop window is sized to be as small as possible but should remain in the site default of Open Sans font on small desktop windows too. Android is fine. Please fix this as I don’t understand why that should even be happening.

Also these errors are still there

a) ON chrome and FF, the free trial button has white text. On Edge it is grey #63727e although the background is the same on all. Can you please fix appearance of the button so I get white text on Edge?

b) the cart link is still not correct as the link is still in the wrong place. And this is obvious on Android as you can touch in the row above and on desktop in a small mobile sized window as you can see the link change when the cursor is still on the row above it. If you can fix it would be nice. Else leave as is BUT I would like to know where any changes you made or make are and what they are.

Thanks

OK, nm re our Resources mega menu. I fixed that with option #1 for popup maker as explained here:
https://docs.wppopupmaker.com/article/297-popup-maker-is-overwriting-my-menu-editor-functions-how-can-i-fix-this
when mega menu check option or check box disappears. Sorry to bother you about that.