Page1 and Page2). All we have to do is to: Setting position: absolute and top: 100% on all the drop-down menus #page-nav ul ul will position it nicely under the respective main menu tab. ; Finally, show the drop-down menu when the mouse hovers over either the main menu item or drop-down menu itself – #page … Single button dropdowns. Hide the menu, then set it to position: absolute so that when it's displayed, it won't change the layout of the navbar. To create a dropdown menu using CSS, you’ll only need to use the File Manager on your hosting control panel and follow these steps: Step 1. Both pages have individual drop down menus. We have styled the dropdown button with a background-color, padding, hover effect, etc. I have 2 pages(eg. Example Explained. (vice versa.) Problem: But when I go from Page1 to Page2 then the drop down menu on page2 does not work. JQuery is used to handle effects and add finishing touches as well. Want to create a dropdown menu with only HTML & CSS? I am sure that you know what is a dropdown menu, A drop–down menu is a list of links or items that appear whenever the button is clicked or hovered on. The .dropdown-content class holds the actual dropdown menu. That’s it. Dropdown menu is mainly used to select an element from the list of elements. If I access each page individually, the drop down menu on each page work perfectly. There are many ways to design