Since AppStrap 2.4 drop down menus show on hover.
When adding new drop down menus simply add data-bs-toggle="dropdown" data-bs-hover="dropdown"
to the trigger link make them show on hover instead of click.
For submenus you should include data-close-others="false"
so the parent menu is not closed when hovering a submenu.
To revert to using “click” drop down simple remove the usage of data-bs-hover="dropdown"
on drop down trigger links.
Config options You can also control the breakpoint (up) at which dropdowns start to hover using the config setting dropdownHoverBpClass
, available classes are as follows and should be applied to the .dropdown
element:
Class | Dimensions |
---|---|
dropdown-hover |
<576px |
dropdown-hover-sm |
≥576px |
dropdown-hover-md *default |
≥768px |
dropdown-hover-lg |
≥992px |
dropdown-hover-xl |
≥1200px |
dropdown-hover-xxl |
≥1400px |