Add background to a mobile navigation item

Hi,

Im trying to add a solid color background block behind one of the navigation items on only the mobile version of my site. It works on desktop but for some reason not on mobile..

This is the CSS I have:

.header-nav-item a[href="/de/redirect"]

 { background-color: #A994FF !important;

   padding: .3rem 1rem;

   border-radius: .3rem

}
 

Does anyone have an idea ? 🤔

Hi,

What is your site url?

I remember header-nav-item class name is for desktop only, mobile will need a new class name