1

I have this store navigation tailwind-UI component : https://tailwindui.com/components/ecommerce/components/store-navigation

I want that menu categories (Women/Men) to open when I hover over, and close when hover out; not open/close on click. How can I do that ? Please help!!

iLikeRum
  • 11
  • 2

1 Answers1

0

You can create a div with your category menu with display none and have a display block when you hover.

For example:

.menu {
  display: none;
}

.element:hover~.menu {
  display: block;
}
<p class="element">Element to hover</p>
<div class="menu">
  Block to display on hover
</div>
leo_sheecool
  • 103
  • 1
  • 8