Can the two columns scroll seperately?

  • Resolved FREEZhao

    (@freezhao)


    1 month, 2 weeks ago

    I like this theme a lot! Really a good job!

    I have a long list of menu, which mean the content of sidebar will overflow, when the content is long, the user can not see get the bottom of the sidebar easlily, which Koji theme can.
    How to make those two columes can be scrolled individually?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @freezhao,

    Thank you! Since the sidebar is sticky, browsers won’t show the overflowing elements until you reach the bottom of the wrapping container. You can disable the sticky behavior on the sidebar so it stays in place when you scroll by going to Appearance → Editor, selecting the sidebar column, locating the “Position” dropdown in the right sidebar, and deselecting the “Sticky” option.

    — Anders

    Thread Starter FREEZhao

    (@freezhao)

    Thanks! Your solution will work in the two columns scrolling together. I want to scroll the columns separately.
    So finally I use this, hope this will help others.

    /* columns scroll style */
    .site-sidebar {
     height: 100vh;
        overflow-y: scroll; 
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }

    .site-sidebar::-webkit-scrollbar {
        display: none;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.