enter image description here

How to change vertical menu background color on hover in Magento 2 I want like this.

1 Answer 1


Right click and inspect the element. Use chrome developer or your browsers equivalent. Look in the box on the far right. You'll see :hov, click on it and you'll be able to select the css hover/focus/active/visited styles. Then just copy the element + :hover and add your style to your custom.css file.

<vendor>/<theme>/web/css/custom.css(or whatever you call your css file)

  • I tried that but it's not useful Jun 23, 2016 at 14:19
  • Can you see what element the style is being applied to in Firebug? Jun 23, 2016 at 14:25
  • I tried all ways but still not getting Jun 24, 2016 at 13:16
  • Have you tried inspecting the <li class="category-menu dropdown"></li> Generally background-color is applied there. Jun 24, 2016 at 13:32
  • I tried that also. Jun 27, 2016 at 9:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.