Как открыть и закрыть меню бургерной панели навигации Bootstrap 5.3 при наведении курсора мыши через CSS? ⇐ Html

[Anonymous]

В течение нескольких дней я пытался настроить открытие и закрытие навигационной панели, созданной с помощью Bootstrap 5.3, когда она сводится к меню гамбургера, с помощью наведения, а не щелчка.
Мне удалось сделать это в CSS для раскрывающегося меню (открытие при наведении и закрытие при перемещении мыши), но я не могу заставить его работать с меню бургера.
На смартфонах аналогичная проблема с нажатием. Я могу открыть меню гамбургера, щелкнув по нему, но мне хотелось бы иметь возможность закрыть его, щелкнув в любом месте окна.
Это работает для раскрывающегося меню, но не для меню гамбургера.
Возможно ли это?
Не могли бы вы помочь мне понять и достичь этого?
Спасибо за вашу помощь.
Мой html :




TITRE

• Accueil
• Qui suis-je ?
• 
  Sous-menu
  
  
  Sous-menu 1
• Sous-menu 2l
• Sous-menu 3
• Sous-menu 4

[*]
Témoignages

[*]
Contact






Мой CSS:
@media (min-width: 576px){
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... er-via-css