After grappling with this problem for the past 72 hours, I've exhausted all my options and still can't seem to resolve it. I am currently working with Bootstrap 5.2 and have implemented a Navbar with a dropdown menu. My objective is to position it on the far right-hand side. Although I have managed to achieve this, it is causing some disruption to other elements such as the sidebar and navbar toggler, which is evident in the provided image. I am aiming to have the dropdown menu situated below the brand name when the screen size is small, and on the right when on desktop.
https://i.sstatic.net/I6gNJ.png
Any assistance in resolving this matter would be greatly appreciated. Thank you.
<!doctype html>
<html lang="en>
...
...