I’m using this code for the down arrow in the main menu…
.menu li > a:after {
font-family: 'entypo-fontello';
content: '\ue877';
margin-left: 7px;
color: #fff;
font-size: 14px;
}
.menu li > a:only-child:after { content: ''; }
It’s showing weird characters in the menu instead of the down arrow.
Also, I want to remove the shadow in the drop down menu links.
How can I do to remove the shadow and fix the down arrow?
Hey mikkijack,
On line 985 in your style.css you had this:
.menu li > a:after { content: ' â–¾'; }
.menu li > a:only-child:after { content: ''; }
I couldn’t get \ue877 to work, but I did get \f140 to work:
.menu li > a:after { content: '\f140'; font: 400 20px/1 dashicons;}
.menu li > a:only-child:after { content: ''; }
Hope it helps, Please clear your cache :)
Best regards,
Mike
Thanks Mike,
I figured out how to fix it. What about the shadows?
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.av-main-nav ul {
box-shadow:none !important;
}
Best regards,
Rikard
That fixed it. Thank you. You can close this one now. Thanks again.
Hi,
I’m glad Mike and Rikard were able to help you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon
Hi,
I’m glad Mike and Rikard were able to help you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon