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

[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;
}

[David]

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%;
}

[Quan]

Yeah, it worked. Thank you for your support!

[David]

You’re welcome

[Author]

Posts