How to remove the box around the mega menu

[Ravenwoodstore]

Hi,

How can I remove the outline box from the hover over mega menu please? Tried a lot of solutions here but to no avail. 

Examples attached - one without the box which I want, and how it displays now with the box. 

website: https://ravenwood.store/

password: peuwey

[parth_ghelani · Accepted solution]

Hello @Ravenwoodstore 

To remove the border from the megamenu box, you just need to follow below steps:

1. Go to admin > Online store > edit code.

2. In code directory, find the file named "component-mega-menu.css" and open it.

3. Copy below mention css and paste it at the end of the above mention file.

.header header-menu .mega-menu__content {
  border: none !important;
}

4. Don't forget to save the file after making changes.

Hope this code works for your issue.

if this solution helpful to you then make it as solved and like the solution.

Best regards

[Ravenwoodstore]

Worked perfect! Thank you!