bootstrap-5-wordpress-navbar-walker VS wp-bootstrap-navwalker

Bootstrap 5 navwalker (wp-bootstrap-navwalker sadly hasn't been updated to fully support 5 yet) https://github.com/AlexWebLab/bootstrap-5-wordpress-navbar-walker

I've tried looking around on the internet but haven't found a solution that works yet. I have tried changing all the data attributes in my header.php file to "data-bs-" like it's suggested here: https://wordpress.stackexchange.com/questions/383286/why-is-my-bootstrap-5-navbar-not-displaying-the-drop-down-menu-on-smaller-screen - didn't work. I have also tried using this solution with the functions.php and header.php file: https://github.com/AlexWebLab/bootstrap-5-wordpress-navbar-walker - didn't work either.

Bootstrap navwalker: https://github.com/wp-bootstrap/wp-bootstrap-navwalker

I am currently trying to implement the Bootstrap Navwalker (see here: https://github.com/wp-bootstrap/wp-bootstrap-navwalker) in my wordpress files with the latest Bootstrap version 5.0.0. However, there seems to be an issue with the Navwalker when using this Bootstrap version. Everything works the way it should on desktop. However, on small screens or mobile, the dropdown doesn't drop down (it that makes sense). I am attaching a picture - basically, if I click on the circled button nothing from the nav comes down and I can't click any sites.