Mobile Scrollbar very small and impossible to use

Hi, I use the Obsidian mobile app on Android A54.

What I’m trying to do:

I need to increase the width of the scrollbar.

It’s currently very small, and so light it’s almost invisible, and literally glued to the edge of the top-right screen. I can’t use it at all.

I’ve searched on the forum but found no solutions for the mobile app.
Maybe there are some CSS settings that can help?

Things I have tried:

I installed several themes, the scrollbar is the same on every theme.

I checked Android’s accessibility settings, but scrollbars are fine everywhere else on my phone.

(The screenshot has the Obsidian Default theme on Dark Mode, with 1362 words.)

You could give a CSS snippet like this a try:

body.is-phone ::-webkit-scrollbar {
    width: 18px; /* default is 12px */
}

This works in mobile emulation for iOS and Android, but it does not work on an actual iOS device. It may or many not work on Android. Worth a try.

2 Likes

Oh wow, thanks so much, it works perfectly!!

Even tried a few themes, it’s very good.

Here is the result:

Have a good day :slight_smile:

1 Like

Wow! Good to know that works on Android devices.

1 Like

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.