Menu transparent with SVG Background

Hi. I have added an SVG background with custom CSS but the way this is set it makes the background transparent. This becomes a problem with the menu on mobile which now doesn't show the burger (still clicks where it should be) and the menu that is there is transparent so not viewable properly.

Is there a way to maintain the SVG background and not have this transparency issue?

Thanks, Jacob.

So I have worked out how to get the burger button to show. However the menu is still transparent when open.

This is the section that is causing the issue.

section, div {
    background-color: transparent
      !important;

}

Is there a way to make this not affect the menu and dropdown?

Thanks.

Try changing it to

article section, article div {
    background-color: transparent !important;
}