I have posted about this dilemma before and it was suggested to me by paulie D that i create a scenario in code pen so i did and i would very much like some assistance in swapping out my current nav bar with one that has drop down menus, i have the code already to go for the drop down menus just having difficult time placing it in the correct spot please help, here are the two code pen examples i created.
Identify the HTML markup that relates to the menu and replace it with the markup for your revised menu. They are clearly labelled/commented.
Do the same with the CSS. Again, they are clearly labelled/commented.
Further modify the menu CSS (if necessary) to fully customise it with the look of your site.
One thing that you may run in to problems with is with your new menu that doesn’t have a class in the UL element (to identify/separate it from other lists). It would probably be wise to include a class in the markup, and edit the CSS accordingly to increase specificity, so that the related styles for the menu don’t impact on other lists around the site.