How to get Sidebar to scroll

  • Sadly I am a newbie who has chosen a theme that is quite ugly in terms of how it was coded. My brain is short-circuiting.

    I didn’t realize how bad it was until I was too far in so now just trying to piece meal together what I want in terms of customization.

    I would like my sidebar to scroll with the main content.
    https://ktotheatothei.com/about/

    Note:
    The sidebar existed but wasn’t being used with the original theme. I added it.
    Somehow I’ve positioned it so the links don’t work.
    I’m hoping correcting the scroll issue will also correct this.

    I messed with the css but only managed to figure out how to get everything to scroll. Would like the menu in the top left corner of the browser window and my background image not to move.

    Thanks for any help.

    Kai

Viewing 2 replies - 1 through 2 (of 2 total)

  • That would require a major reconstruction of your side. The evil here is the ‘position: absolute;’ for several elements on your page.

    Position: absolute means that all those elements are placed on the page with absolute coordinates related to your viewport (which basically is the browser).

    You could change this to ‘position: fixed’, but then it’s fixed in relation to its parent (which in your case is body, and therefore your browser), but you could wrap the entire site in a wrapper with relative positioning.

    Peter

    Thread Starter chickspirit

    (@chickspirit)

    Hey Peter ~

    Well I guess my hope of this being as easy as the last thing you helped me with was wishful thinking. I knew there was something evil about that position:absolute when I was messing with the css and comparing it to the code of another theme. Ha ha!

    Ugggh! I need to breath and take a break for a minute.

    Thank you for clarifying. Will research wrapping entire site.

    K

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to get Sidebar to scroll’ is closed to new replies.