Show sidebar scroll

  • akosipalot

    (@akosipalot)


    9 years, 10 months ago

    Hi, I tried using the theme and I wanted to show the sidebar’s scrolling bar on mouse hover but seems code is not working.

    header .site-header {
    overflow-x: hidden;
    }

    header .site-header:hover {
    overflow-x: scroll;
    }

    Any help would be much appreciated.

Viewing 1 replies (of 1 total)
  • Siobhan

    (@siobhyb)

    9 years, 10 months ago

    Hi there,

    Is francisclaidemagallen.wordpress.com the site you’re trying to customise?

    If so, that site is hosted at WordPress.com while these forums are intended for folks who are hosting their sites elsewhere and running on the free software available here at WordPress.org.

    You can add custom CSS to WordPress.com if you have a paid plan. If you do upgrade then you can add CSS via the Customizer.

    The theme’s style.css file contains the following CSS, which you’ll need to override:

    .site-header::-webkit-scrollbar {
display: none;
}

    You can override this on non-webkit browsers, like Firefox, with display: inherit;.

    It’s a lot trickier to override on webkit browsers, and I’m not sure you could get the scrollbar to only display on hover, but you could add styling to emulate the look of a scrollbar on browsers like Chrome:

    .site-header::-webkit-scrollbar {
display: inherit;
background: #ddd;
width: 5px;
color: #fff;
}

    I’m going to close this thread for now but if you have further questions then please feel free to start a new thread on the Themes forum over at WordPress.com:

    https://en.forums.wordpress.com/forum/themes#postform

    If you have a second site that’s using the free software on WordPress.org, then feel free to start another thread on these forums and include a link to your site.

    Thanks!

Viewing 1 replies (of 1 total)

The topic ‘Show sidebar scroll’ is closed to new replies.