Bootstrap Navbar Dropdown Menu On Hover

[@gufran7654]

thank you yaar :)

[@canicemichael7010]

in less time wonderful thank you

[@manhkhang7732]

thanks for the great tutorial, very straightforward!

[@asfandyar_ali]

once again. very useful. thank you so much. keep up the good work.

[@balazsszeibert1527]

thank you so much

[@nikhilpal211]

thanks you so much

[@codingyaar]

Happy to help! 🙂

[@husssainkhan3570]

subscribed🙃

[@ahamedmohamed370]

thank you

[@codingyaar]

Welcome!🙂

[@generia2806]

very useful... i could not figure out how to stop double action - hover and click !!!

[@codingyaar]

You can remove the data-bs-toggle attribute for the dropdown and add it only on small screens using javascript.

[@SergeLedig]

Yes but when using dropdown-menu-end this solution breaks the bootstrap class --bs-position:end; Result: the dropdown exits the page if the menu is aligned to the right. I haven't found a solution to this yet... You ?

[@codingyaar]

It shouldn't break anything. But it will place it to the start(left) To which you can add: position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate3d(0.296875px, 40px, 0px); along with the display block part, to place it at the end.

[@Warkim]

Thank you