Removing "Tags" From Hamburger Menu with CSS

I used this code to remove the “About” link in the hamburger menu, but I would also like to remove the “Tags” link. Removing “About” works fine, but I can’t figure out how to remove “Tags”.

// Hide About Link in Hamburger Menu
.menu-panel li a.widget-link.about-link {
  display: none;
}

When I inspect the tags link element in the hamburger menu, it shows:

<a class="widget-link" href="/tags" title="Tags"><span class="d-label">Tags</span></a>
<span class="d-label">Tags</span>

I referenced this and tried writing the code in a similar way to how the “hide About link” code was written, but I cannot get it to work. I know I’m writing the code wrong, I just can’t figure out how to write it out correctly.

1 Like
.menu-panel li a.widget-link[href="/tags"] {
    display: none;
}
5 Likes

Thanks homie!

I wasn’t using the [ ] brackets, that’s why it didn’t work!

Fixed.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.