Sticky sidebar pushing other content aside

Design help General
1

In my About Me section, I’m trying to add a sticky sidebar containing links to my social media. All the other content in the section is set to absolute, but is still getting messed up when I add the sticky sidebar. What am I doing wrong/ how can I fix this?

I moved the sidebar I was using to the very bottom of my resume page, if that’s useful in any way.

Help is greatly appreciated! :slight_smile:

Here is my site Read-Only: LINK

2

Hey Amandha,

Love the clean design :smiley:

  1. There’s no need for any element next to a sticky element to be Absolute positioned.
  2. Where is your sticky sidebar? it is not there anymore :slightly_frowning_face:
  3. Your grid element in that section contains only 2 children - this means yo don’t need grid for that. Flexbox will be much suitable and easier to define.

Check this out:

3

Ah, that makes sense.

Changing my grid element to a flexbox helped solve some layout problems, but I’m still unable to align my sidebar to the right side of the page. Here’s a new link: Website

The sidebar should be right in the center of the About Me section.

Thanks so much for the help!

4

I think those problems are because of grid positioning leftovers.
Try to delete all the elements and classes of this section, and re-build it with flexbox.

5

That solved it. Strange!

Thanks for the help :))

1 Like