[Support request] What should I do to make “aside: last-child” sticky when scrolled down

Home Forums Support [Support request] What should I do to make “aside: last-child” sticky when scrolled down

Home Forums Support What should I do to make “aside: last-child” sticky when scrolled down

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1577088
    Quan

    I’m having a problem with the “position: sticky;” property in the right sidebar.

    Example on this page: https://bit.ly/2KfuZJp

    What should I do to make “aside: last-child” sticky when scrolled down.

    I tried the following CSS but it doesn’t work:

    div.inside-right-sidebar aside: last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 7! important;
    }

    #1577238
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > General and set the Structure to Flex Box.

    You may or may not require this extra piece of CSS:

    .inside-right-sidebar {
        height: 100%;
    }
    #1577307
    Quan

    Yeah, it worked. Thank you for your support!

    #1577317
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.