Can the blogroll move ?

• 

  stageworthymusic · Member · Oct 14, 2014 at 10:09 am

  • Copy link
  • Add topic to favorites

  I’m not sure how to phrase this, but I need my blogroll to move down at the same time a reader scrolls down to look for new posts. If the reader wants to download a music file link from the blogroll, he has to go back all the way to the top of the home page. Sure would be nice if the blogroll was right there at all times, no matter how far down the post is. Can we make this happen?

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

• 

  thesacredpath · Member · Oct 14, 2014 at 2:03 pm

  • Copy link

  Hi there, Oulipo has the sidebar and the entry content in an overall div with a CSS ID of #content, so we can set that to position: relative and then set the sidebar (#supplementary) to position: fixed and the sidebar will stay fixed where it is.

  #content {
      position: relative;
  }
  #supplementary {
      position: fixed;
      right: 20px;
  }

  I would suggest checking this solution out carefully though as on some small tablets, the visitors may not be able to see all of your sidebar (about.me in particular).

  We could use a media query to limit the above change to browser window/screen widths greater than, perhaps 768px. Here would be that code to use instead of the above. At screen/window widths less that 768px, it would revert to the original design.

  @media screen and (min-width: 768px) {
  #content {
      position: relative;
  }
  #supplementary {
      position: fixed;
      right: 20px;
  }
  }

• 

  stageworthymusic · Member · Oct 15, 2014 at 11:20 am

  • Copy link

  If I was half as smart as you I’d be dangerous. This sounds beyond my minimal computer skills, so maybe I’ll look for another theme. A “back to the top” tab would be nice too. Thanks so much for your experienced input. I love WordPress!

• 

  thesacredpath · Member · Oct 15, 2014 at 2:34 pm

  • Copy link

  Try the above solutions and see what you think. You can always delete the code if it doesn’t work out.

• 

  stageworthymusic · Member · Oct 16, 2014 at 11:26 am

  • Copy link

  Will do…