Steps to create a simple hover navbar. It is better to create a hover effect only for desktop screens. Hide dropdown menu by adding display: none. Add pseudo-class :hover to nav-item and add class display:block. Note: bootstrap has margin-top on dropdown-menu elements.