How can I prevent header overlay when hovering on nav?

Store Design
1

I’m struggling to get just my nav to be not overlayed see here - https://directcomputers.co.uk/

When you hover over the nav the whole header stays without overlay however i just want the nav to be does anyone know how to help?

2

@Anonymous

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.nav-overlay-hover {
    display: none !important;
}