Hi,
I would like to change my mega menu font style. Please let me know how to change that.
Please check the private content.
Thanks
Swathi
Hey Swathi,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
please check the private content . I would like to change the main menu font style.
Thanks you
Hi,
Sorry for the late reply, I didn’t find the menu item ‘discover, wireless sensors’ in your mega menu and I’m not sure if you want to add an icon next to your mega menu text or replace the text with an icon, so I will show you both solutions.
To add an icon before the mega menu text we will use the following css, note that each menu item has a different ID, so adjust to target each item along with the icon code and color.
#menu-item-3487 > .mega_menu_title > a:before {
content: "\e894";
font-family: entypo-fontello;
color: #3ec607;
position: relative;
padding-right: 5px;
}
To replace the menu text with an icon use this css:
#menu-item-3488 > .mega_menu_title > a {
color: transparent !important;
}
#menu-item-3488 > .mega_menu_title > a:before {
content: "\e8a7";
font-family: entypo-fontello;
color: #3ec607;
position: relative;
padding-right: 5px;
}
Here is what these would look like:
you can add the above css to your Enfold Theme Options > General Styling > Quick CSS field to test, please be sure to clear your browser cache after adding.
Best regards,
Mike