Changing the header menu toggle icons

redroverorg · June 2022

Hello! For some reason, we used to have an arrow pointing down for each of our menu items, but it seems to have switched to a plus sign. Where can we edit the icon? I tried looking in the theme settings but couldn't find this part.

Site: redrover.org

Admin credentials have been sent via the contact form.

Screen Shot 2022-06-08 at 4.42.45 PM.png

Phil · June 2022

Hi,

I can see that you have enabled the keyboard support in Theme options accessibility.

If you want to replace the + signs with the arrow, please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

body.keyboard-support #Top_bar .menu li.submenu .menu-toggle::after{
   content: "\e866"!important;
 font-family: 'mfn-icons';
}

Thanks

Changing the header menu toggle icons

Comments