Topic: How to position navbar-collapse to 100% width of screen and position text to the left
Expected behavior How to position navbar-collapse to 100% width of screen and position text to the left like in this example: https://ibb.co/m5vsRwL Actual behavior Position of navbar-collapse is not 100% width of screen and it is in the center of the screen here is example: https://ibb.co/mXYyjCm Resources (screenshots, code snippets etc.) Here is the link to the code snippet of actual behavior: https://mdbootstrap.com/snippets/standard/demzl25/4430394
Here is a snippet with a solution: https://mdbootstrap.com/snippets/standard/kpienkowska/6304242
You had a display set to grid on the container with a menu.
demzl25 priority commented 15 hours ago
Thank you for the help. On your solution is navbar-collapse is 100% width of screen only on xs breakpoint. How to set width 100% also on sm and md breakpoint?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 8.0.0
- Device: Pc
- Browser: chrome
- OS: windows 11
- Provided sample code: No
- Provided link: Yes