Removing background on shortened nav menu

Hey folks. Hope someone can help with this. I’m trying to design a fairly simple menu with shortened 3 lines instead of titles. All very simple. However, for some reason, a hideous white background appears when pressed and focused over the lines to select the menu. It looks very unprofessional.

It only appears when in tablet or less, not desktop. I’ve gave the box around it a class so I can make transparent in all states, but still appears. It’s going to be something really simple but can’t seem to budge it.

Any help would be amazing.

Thanks guys.


https://preview.webflow.com/preview/gareths-top-notch-project-2f6948?utm_medium=preview_link&utm_source=designer&utm_content=gareths-top-notch-project-2f6948&preview=321408d72e726b03d333170e8e81b655&mode=preview