SideNav overlays screen when always shown

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.

Magdalena Dembna staff premium commented 2 years ago

Please provide a code snippet, so I could work on your specific example. This is probably option fixed you're using - you need to add margins at elements such as main, nav, footer above the specified breakpoint.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • 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