Want icon for menu, not text

[SomeChick]

I’m trying to set a home icon in my main menu, but every time I try to save the menu without text for “navigation label”, it removes that item from the menu.

[David Martin – Support]

Hi,

Please set your menu item like so:

Please add this to Theme Options => Custom CSS:

.hide-me span.menu-item-text {
    opacity: 0;
}

[SomeChick]

Not working. Nothing shows up there.

[David Martin – Support]

Please add a WP login for us to take a closer look.

Thanks.

[SomeChick]

This reply has been marked as private.

[Swift Ideas – Ed]

@SomeChick – your home menu item has a “hide-me” class, and the ss-star class you are trying to use doesn’t seem to exist as an icon?

– Ed

[SomeChick]

The ss-star isn’t a class but an icon. I followed the instructions above – or did I?

[David Martin – Support]

Hi,

I have amended the CSS to:

.hide-me span.menu-item-text i {
    font-size: 18px;
}
.hide-me span.menu-item-text {
    font-size: 0;
}

Your icon is now working.

Thanks.

[SomeChick]

That did it, thanks!

[David Martin – Support]

Very glad to help you out!

Thanks.