Drop-Down Menu

BigDaddyWeave
New Member
2 0 0

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)Here is the navigation pane.Here is the navigation pane.

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;
					}
				}
			}
		}
	}
}
Replies 2 (2)
OpenThinking
Shopify Partner
281 64 84

Hi there,
Jack from OpenThinking here!


Please provide a URL to your website,

thank you.


⚡️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
⚡️ Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
BigDaddyWeave
New Member
2 0 0

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