How can I fix overlapping drop down menus in Craft Theme?

[Endelmom]

The drop down menus on my header appear (expand) over top of the rest of my images/text, rather than on it’s own, making it really hard to read the menu items…this is happening both on desktop and mobile versions. Anyone available to help with this please? THANK YOU!!!

[Natasha-Saed]

Hi,

Can you share your store URL so we can take a look and be able to give you the solution for this.

[Endelmom]

https://www.rivercraftwoodworking.com/

[thirtycoders]

Hi @Endelmom ,

Simply follow these steps:

Navigate to Online Store → Theme → Edit code.
Search for the file “base.css.”
Paste the provided code at the bottom of the file.
Save your changes.

div#menu-drawer{
   background: white !important;
}

div#MegaMenu-Content-3{
   background: white !important;
}

ul.menu-drawer__menu.list-menu{
  content-visibility: auto !important;
}

Thank you

[Endelmom]

THANK YOU!!!