Hover problem

Support
#1

Hello,

I’ve created a hover on my header, however, the hover is also showing up on my mobile menu. I’d like it to only show on my desktop menu. Is there a way to do this?

This is the code I’m using:

.x-navbar:hover{
background: rgba(235, 254, 254, 0.44) !important;
}

#2

Hi there,

Please update the code to:

@media (min-width: 798px) {
    .x-navbar:hover {
        background: rgba(235, 254, 254, 0.44) !important;
    }
}

Hope this helps.