Site logo

Archived topic

What should I do to make "aside: last-child" sticky when scrolled down

3 replies · Started by Quan on December 12, 2020

Viewing posts 1–4 of 4

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

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

Yeah, it worked. Thank you for your support!

You're welcome

This archived topic is closed to new replies.