Making a Drop Down Menu in a Navigation Bar

[lizfaye]

So, I'm not experienced with html and I've been trying to create a navigation bar with two drop down menus by following this w3schools guide. The issue I'm having is that I need one of the drop down menus to link to a page when you click on it, if that makes sense. I can't find anywhere on w3schools that explains how to do this.

I managed to get it to work with some duct tape and chewing gum, but because the links are black with white writing and white with black writing on hover I've now broken it so that when you aren't hovering over the first drop down link "Heritage Catering Menu" it's unreadable white on white text when you move your mouse away. If I can just fix this somehow then my html abomination would be perfect. Does anyone know what I need to do?

Here's the link to the code I mangled.

[Funce]

Be aware, Our Services doesn't have a <a> inside it, so you'll need to correct that for this to work.

 

Replacing 

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: white;
  
}

With

.navbar a:hover, .dropdown:hover .dropbtn, .dropdown:hover .dropbtn a {
  background-color: white;
  color: black;
}

Does what you want.

[lizfaye]

I only wanted the first drop down to work as a link, which wasn't possible with my previous navigation bar, so I think that's okay. Thank you so much for your help you're my favorite human right now.