Topic: SideNav overlays screen when always shown
When the browser window is windowed (or fairly small) the SideNav shows and hides based on activation via a button, this works well. However, when the browser window is maximised the SideNav permanently appears on the left of the screen, this would be Ok except that the left part of the workable area of the browser window is hidden under the SideNav. If the SideNav becomes permanent then the workable area of the screen should shrink so that it starts on the right-hand edge of the SideNav not under it.
Could someone please look into this issue.
Thank you.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.6.0
- Device: Desktop PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
Magdalena Dembna staff premium commented 5 years ago
Please provide a code snippet, so I could work on your specific example. This is probably option
fixedyou're using - you need to add margins at elements such asmain,nav,footerabove the specified breakpoint.