Responsive Menu Not Changing

This is a great plugin and it looks wonderful on the desktop version of my site. The problem I’m having is that I can’t get it to change on mobile.

There is a grey bar that’s coming from the background color I chose for my desktop menu. Which would be fine, except that it seems to be shoving the menu all the way to the right. I’ve tried to edit this within the plugin by setting the breakpoint to “0” and using this CSS that I saw in another thread:

@media only screen and (max-width : $responsive_breakpoint) {
    #{$wrap} {
        width: 100%; /** width in pixels or percent **/
        margin: 0;
        position: relative;
        clear: both;
    }
}

But it simply doesn’t change.

I’m not great with CSS, but I know enough to get by. So maybe I’m just not doing something right. If possible, I would like to just disable this plugin within the responsive theme altogether. Does anyone know how I can fix this?

My site is diybudgetgirl.com.

Thank you!

https://www.ads-software.com/plugins/megamenu/