Footer Menu Icons

[ehsd]

I have a footer with 2 inline menus. In one of the menus I have been requested to add a icon to a single link. Is it possible to add a link to only a single menu item? I know I can enable a graphic for the all the menu items, but I’m not sure how to limit this to just 1 menu item.

[tristup]

Hi @ehsd,

Thanks for reaching out.
That is not possible in the usual way, but you can try by following the below steps.

Step 1: Enable the CSS Class option to add class to menu items.

Step 2: Add a no-icon class to a specific menu item from Appearance > Menu as shown in the screenshot.

Step3: Add the following custom CSS code into the Element CSS of that specific Navigation element.

.no-icon .x-graphic
{
    display:none !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks