How to open menus on hover instead of click in Debut theme? Clickable Dropdown Menu to Hoverable #4
Welcome to Shopify Solutions.
In this video, we are going to learn "how to create a hoverable dropdown menu in Shopify's Debut theme in 2021"
Here is the CSS Code:
.site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown:focus .site-nav__dropdown {
display: block !important;
}
.site-nav__dropdown {
top: 30px !important;
}
Please Like and Subscribe for more interesting tips and tricks.
Follow me on Social Media.
/ zeianshahzad
/ zeian.solutions
Comment below if you have any questions.