search

negomi / react-burger-menu

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
http://negomi.github.io/react-burger-menu/
MIT License
5.04k stars 582 forks source link

Add hover to the Menu Points #486

Closed Stophface closed 1 year ago

Stophface commented 1 year ago

I am trying to add a hover to the menu points... My Markup is the following

<nav>
   <button>
        <svg />
        <a>Home </a>
   </button>
</nav>

I tried

bm-item:hover { ... }, I tried adding a class to <a className='foo'> and then .foo:hover {...}. I tried important, adding ids with the classes and imporant keyword.

I check the example here https://negomi.github.io/react-burger-menu/ and this is used here

.bm-menu a:hover  {
    color: red
}

However, this has also no effect for me. How would I add a hover to the menu points?

Stophface commented 1 year ago

Aaah, that happened because Firefox does not "emulate" (?) hover when its set to mobile device.