Scroll bar not working in sidebar and navigation – Themeco Community

Scroll bar not working in sidebar and navigation

Jessica C — Wed, 28 Jan 2015 01:23:08 +0000

Hello! On my site Rocktothefuturephilly.org , I’m having issues with the (secondary?) scroll bar – or lack of one. I have one scroll bar that brings the middle content down, but not the sidebar or main navigation menu. Because of this, some of the menu items are cut off on certain screens and cannot be scrolled down to view. The same with the content in the sidebar – you cannot scroll down to view it. Another solution would be for the sidebars to move with the main content area.

I don’t remember this being an issue when I initially used that design.

I can’t find the solution for this in the forum although I did see one other person with a similar issue – the solution wasn’t posted. Thanks!

Reply To: Scroll bar not working in sidebar and navigation

Jessica C — Wed, 28 Jan 2015 03:37:39 +0000

I changed the menu to sit at the top rather then the side for the time being so that all of the sub-menus can be seen. You can still see the issue with the sidebar though.

Reply To: Scroll bar not working in sidebar and navigation

Nabeel A — Wed, 28 Jan 2015 19:54:26 +0000

Hi Jessica,

Thanks for writing in! I just tested your sidebar and it scrolls fine. Try scrolling with mouse scroll wheel and keep you cursor in the sidebar area.

Hope this helps!

Reply To: Scroll bar not working in sidebar and navigation

Jessica C — Fri, 30 Jan 2015 18:54:34 +0000

Generally we all use laptops without a separate mouse. My Mac isn’t allowing me to do it (scroll on the trackpad), but it might be a settings thing since my intern is able to do it on his PC. I was concerned because I’m not sure that an older demographic would know how to use that feature on their laptop, so is there a way to have a secondary scroll bar? I think that when I first installed the theme that there were 2 scroll bars.

Thanks!

Reply To: Scroll bar not working in sidebar and navigation

Christopher — Sat, 31 Jan 2015 12:21:33 +0000

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

@media (min-width:1200px){
aside.x-sidebar {
overflow-y: scroll;
}
}

Hope it helps.