Navbar Hover and Dropdown Menu

Ask the community for help and support.
Post Reply
mecinta
Posts: 5
Joined: Sun Nov 07, 2021 1:28 pm
Has thanked: 6 times
Been thanked: 4 times

Navbar Hover and Dropdown Menu

Post by mecinta »

Currently the navbar links whether in admin page or shop page must be clicked in order to dropdown and display the menu. Here is a CSS trick to dropdown the menu by simply hovering over the navbar link items:

Code: Select all

.dropdown-menu a:hover {
 background-color: #ddd;
}

.dropdown:hover .dropdown-menu {
 display: block;
}

.dropdown:hover .nav-link {
 background-color: #3e8e41;
}
Just to share and hope the above benefits some people. Enjoy!
I am from a land of Melayu, Cina and Tamil

Tags:
Post Reply