title: Disable hover effect on topmenu using CSS
body: <p>I tried using different codes in CSS for the right topmenu on www.skinmed.nl</p>
  
  <p>my css:</p>
  
  <pre><code>#menu-item-3473{
  pointer-events: none;
  }
  </code></pre>
  
  <p>It works for disabling all events on that button, but I only want to disable the light grey color when I'm moving the mouse over it. The button has a hover image, so it needs to be working the same without the light grey color in the background.</p>
  
  <p>I only want to disable the light grey hover on the social media buttons, whatsapp, facebook, instagram and newsletter. Not the buttons: ''mijn account/my account'' and ''winkelmand/shoping basket'.</p>
  
  <p>Note: Thank you for replying. I tried also:</p>
  
  <pre><code>#access ul li:hover {
  background-color: #555555 ;important!
  </code></pre>
  
  <p>and</p>
  
  <pre><code>#header #access ul li:hover {
  background-color: #555555;
  </code></pre>
  
  <p>Note: the working code:</p>
  
  <pre><code>.topmenu ul li.menu-item-object-custom a:hover {
  background-color: unset;
  </code></pre>
  
  <p>}</p>