Slide side bar down the page when paging down on desktop

• 

  midlandmallard · Member · Jan 13, 2017 at 1:45 pm

  • Copy link
  • Add topic to favorites

  Is this possible to do?

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

• 

  thesacredpath · Member · Jan 16, 2017 at 11:55 pm

  • Copy link

  Hi, we can do this with the following CSS, but the problem is if someone had the browser window set to a shorter height, the bottom of your right sidebar will not show and the widgets below the bottom of the window bottom will not be visible or accessible to your users. If you use the following CSS, you will need to limit your sidebar widgets to perhaps 1 widget, and even then there could be some that will not see the entire widget.

  @media screen and (min-width: 1056px) {
    #secondary {
      position: relative !important;
    }
    #secondary .right-sidebar {
      position: fixed;
      max-width: 364px;
      width: auto;
    }
  }
  @media screen and (max-width: 1380px) {
    #secondary .right-sidebar {
      max-width: 324px;
    }
  }
  @media screen and (max-width: 1271px) {
    #secondary .right-sidebar {
      max-width: 240px;
    }
  }