How can I adjust CSS for a true hover drop-down menu in the Music City theme?

Technical Q&A
1

Hello, I am wanting to adjust the css to allow for a true hover drop-down menu for my theme. The theme support is not available and I am unable to find the contact info for the designer.

Theme: Music City by Chad Wright

Issue:

As you can see, this is the result I get when I attempt to nest menus (under Store)
As you can see, this is the result I get when I attempt to nest menus (under Store)1285×626 454 KB

Here is the navigation pane.
Here is the navigation pane.702×842 30.1 KB

CSS:

nav {

		ul {
			display: flex;
			flex-flow: row wrap;
			list-style: none;
			margin: 0;
			padding: 0;

			li {

				a {
					color: #fff;
					display: block;
					padding: .5em .75em;
				}

				&:first-child {

					a {
						padding: .5em .75em .5em 0;
					}
				}
			}
		}
	}
}
2

Hi there,
Jack from OpenThinking here!

Please provide a URL to your website,

thank you.

3

Sorry for the delay! The holidays took me out for a bit. Here is a link, however the current nested navigation is not published. I am working this site for the owners of the domain and they do not want it published with the current navigation issue that is pictured in the photo in my first post.

https://bigdaddyweave.com/

@OpenThinking