Adding CSS transition on Bootstrap drop-down menu

If you implemented bootstrap into your WordPress template and want to add CSS transitions to drop-down menu, you can use the following code:

Why media queries? Because you don’t want display:block on hover on the mobile menu (as the hover used for this would double the submenu). As for CSS transitions, you can generate them using any of the online generators, such as this one.

  • Thank you

  • Nelson Palladino

    Hey thanks for that. It works perfectly! Thanks again.

  • filberto


  • Иван Сусанин

    try to do many menus one above each other and then check that every menu selects only when opened (menus must have different options for reproduce bug)