solito website side nav on mobile looks broken

[doubleppereira]

Steps:

1. Opened https://solito.dev/ on mobile viewport

2. Clicked on the side nav button to open:

   

3. Displays as follows:

   

It happens on Chrome, Safari and Firefox

[nandorojo]

weird! works for me…

[doubleppereira]

Tested in my Mac with all 3 browsers and my Android device. Same result

[doubleppereira]

Androidn screenshot:

[nandorojo]

thanks for testing all that. i wonder what’s causing it

[doubleppereira]

could it be cache? Getting this on the response headers:

it could explain why it looks ok for you and not from my side.. region cache.. just throwing ideas 😅

[nandorojo]

yeah that could be it

[doubleppereira]

I can't give any other culprit since this was built in docusaurus. 🤷🏼‍♂️ someone could have seen this bug before I guess.

[navanshu]

This might help use 100vh instead of 100%;

.navbar-sidebar {
 overflow: visible
}

.navbar-sidebar__items {
 height: calc(100vh - var(--ifm-navbar-height))
}