© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
6 replies
Xavi

How to apply CSS to sidebar navigation group

Hi everyone!

I want to apply CSS to only one navigation group, but it doesn't works. For example if i want to hide navigation group label for a menu called "First Menu" i add this code

.fi-sidebar-group [data-group-label="First Menu"] > div:first-child {
    @apply hidden
}
.fi-sidebar-group [data-group-label="First Menu"] > div:first-child {
    @apply hidden
}


but it doesn't works. Any ideas?

Thanks a lot!
Solution
@Xavi, you need to remove the space before
[data-group-label]
[data-group-label]
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Add additional navigation group to sidebar
FilamentFFilament / ❓┊help
3y ago
How to order navigation group?
FilamentFFilament / ❓┊help
2y ago
Navigation Group
FilamentFFilament / ❓┊help
2y ago
group navigation
FilamentFFilament / ❓┊help
3y ago