Remove "icon secondary" from mega menu

[gavgeorge]

Hi there,

Our site’s menu, which uses mega menu currently has two downward arrows to show where submenu items are. We want to change it so it only has one arrow.

I’m assuming this is done from Appearance > Menus, then selecting the menu item? When doing this, there is no option to deselect an icon in the icon secondary field

I have tried creating a brand new custom link, however it auto-populates both icon primary and icon secondary fields with “o-hand-pointer” and does not have an option for blank icon or any other way to disable the second icon.

Can you help?

[jade]

Hey @gavgeorge,

Those options will only work for the Pro Header builder.

You can use CSS codes to change the icon of the submenu indicator.

X > Theme Options > CSS:

.x-navbar .desktop .x-nav li>a>span:after {
    content: '\f107';
}

If you want to use other icons, you can change the value in the content attribute in the code suggested above.

You can find the values in Fontawesome for example:

https://fontawesome.com/icons/angle-down?style=solid

Hope this helps.

[gavgeorge]

Thank you @Jade , worked a treat!

[ruenel]

You’re welcome!
We’re glad @Jade were able to help you out.