fixed sidebar not working when font 150%


Topic: fixed sidebar not working when font 150%

yovettedrake@unison-ucg.com pro asked 6 years ago

When the display font is larger than 100% (specifically 150%), the fixed sidenav does not work.  Please advise.

Damian Gemza staff answered 6 years ago

Dear yovettedrake, Could you please provide me with a screenshots of actual behavior? And some code on which I'll be able to reproduce your problem? And please specify - are you using 4.3.7 version of MDB Angular? If yes - I have a bad message for you: We're not supporting MDB Angular 4. The only version which is supported is MDB Angular 6. Best Regards, Damian

danwrevel pro answered 6 years ago

If i change Windows 10 Display font size (Display->Change the size of text, apps, and other items) to 100% the side bar stays fixed. However, if i change that font size to >100% (200% is default/recommended on Surface Pro) then the side bar is hidden by default.

Arkadiusz Idzikowski staff answered 6 years ago

We will take a closer look at this problem. Regards, Arek

Kelvin Muia pro commented 6 years ago

Experiencing the same issue. My browser zoom at 100% does not render the side-nav fixed but when I zoom out at 90% the side nav is set to fixed. How can this be fixed?


Damian Gemza staff answered 6 years ago

@Kelvin Muia 

In which browser you're experiencing such issue with zoom 90%? I've checked it on Firefox, and zoom 100% works fine, but zoom 110% hides the sidenav.

This is the proper behavior because when browser window decrease size and width is lower than breakpoint, the sidenav is hiding.

You can try to change this behavior by using sidenavBreakpoint input. Please check our Sidenav Docs for more information.

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 4.3.7
  • Device: All
  • Browser: Chrome
  • OS: Widows 10
  • Provided sample code: No
  • Provided link: No
Tags