How do I make my sidebar stick on scroll?

  • Resolved AJ Siman

    (@namisds)


    1 year, 11 months ago

    I am trying to get my sidebar to stick on scroll. I have tried CSS but not sure if im using the correct code:
    .gb-container-21bbbfd5 {
    position: sticky;
    top: 0;
    }

    What am I missing here? Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Benjamin Zekavica

    (@benjamin_zekavica)

    1 year, 11 months ago

    Hallo @namisds,

    try this 🙂 The hight from the Sidebar Container was missing. Use flexbox here as well to fix it quicker.

    I hope this will help you 🙂 

    #left-sidebar {
    display: flex;
}

#left-sidebar .inside-left-sidebar .gb-container {
    position: sticky;
    top: 20%;
    padding: 0.5rem 0.75rem;
}
    Thread Starter AJ Siman

    (@namisds)

    1 year, 11 months ago

    that worked perfectly! Thank you so much!

    • This reply was modified 1 year, 11 months ago by AJ Siman.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How do I make my sidebar stick on scroll?’ is closed to new replies.