Can I remove the text from the tabs of the new navigation menu?

Development

AI-generated summary

In a discussion about customizing the new navigation menu, danielabc asks if it’s possible to remove text from tabs and display only icons, similar to Facebook or Twitter. not-ethan suggests this might not be natively supported but could be achieved via a theme component. danielabc follows up asking which component to use. Canapin provides a CSS solution to hide text by targeting .user-activity-page .nav-pills li span, but notes that some text elements (often from plugins or theme components) aren’t wrapped in <span> and thus can’t be hidden via CSS. awesomerobot confirms this limitation and adds that such elements will be updated soon to follow consistent HTML structure, enabling future CSS targeting.

1

From this menu, is there a way to remove the words and leave only the icons? (like on facebook and twitter

2

I dont think so but you can probably do this with a theme component

3

Which component is it? Is it just the icons?

4

You can use the following CSS:

.user-activity-page .nav-pills li span {
    display: none;
}

image
image1086Ă—534 17.8 KB

It doesn’t hide certain texts which aren’t wrapped in a <span> and usually come from theme components or plugins. Those can’t be targeted with CSS.

5

Yes, and we’ll update those soon so they have the same structure.