scrollbar width

  • Author
    Posts
  • #152278

    Hi,

    There has been a recent change in the width of the scrollbar. It became much thinner, and I think it makes it hard for people to figure out how to scroll down if they can’t use their scroll wheel. Any ideas whether this can be changed? p.s.: I noticed that if I access my page when I’m logged in, the scrollbar looks the way it used to, but for external visitors, it’s just super thin and hard to click on…

    The blog I need help with is: (visible only to logged in users)

    #152279
    vivawpthemes
    Theme Author

    Hi,

    We have updated the theme to use native scrollers to avoid bugs and by styling them via css. This enhances the theme’s performance making it much faster.

    What you are seeing is called the Chrome 1px bug. The scroller width is set to 2px, just in some browser sizes you might see it as 1px, and this is a chrome bug. If you increase/decrease the size of the browser you will see it change to 2px.

    Normally no one would click on the scroller nowadays, I think everybody uses the mousewheel or the trackpad.

    If it bothers you much you can increase the width to 3 px using this css code

    #content::-webkit-scrollbar,
    #header::-webkit-scrollbar {
    	width: 3px;
    }

    However, note that this is only a chrome thing “issue”.

    Thanks,
    Edy

    #152283
    dianamarinstills
    Member
    Original poster

    Would you be able to change the scrollbar look for Chrome as well, to match the others?

    #152284
    vivawpthemes
    Theme Author

    I can’t do that because it will change the look for all users of this theme.

    If you have access to add css code to your website, which depends on the plan you have, I can help you out with css code.

    Thanks,
    Edy

    #152294
    dianamarinstills
    Member
    Original poster

    “We have updated the theme to use native scrollers to avoid bugs and by styling them via css.”

    I meant if you could apply this to Chrome as well?

    Thanks

    #152295
    vivawpthemes
    Theme Author

    This has been applied to Chrome as well, just the style is as before. The scroller is browser native.

    Edy

    #152423
    dianamarinstills
    Member
    Original poster

    Hi, I would like to modify this via CSS. in order to have a thicker/more visible scrollbar regardless of the browser. (so including chrome)

    #152430
    vivawpthemes
    Theme Author

    Hi,

    This is the css you can use to increase the width of the scroller

    #content::-webkit-scrollbar,
    #header::-webkit-scrollbar {
    	width: 3px;
    }

    Thanks,
    Edy

  • The topic ‘scrollbar width’ is closed to new replies.