scrollbar width

  • dianamarinstills · Member ·

    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)

  • 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

  • dianamarinstills · Member ·

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

  • 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

  • dianamarinstills · Member ·

    “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

  • vivawpthemes · Theme Author ·

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

    Edy

  • dianamarinstills · Member ·

    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)

  • 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.