Archived topic

Sticky container from the sidebar

4 replies · Started by Christian on January 4, 2023

Viewing posts 1–5 of 5

January 4, 2023 at 4:27 pm #2484032

Hello,

I want to make a container of a sidebar sticky. I have found the following code that David provided in another topic but it doesn't work for me. I added make_sticky to the container in the sidebar element and the CSS code in the Customizer > Additional CSS.

@media(min-width: 769px) {
    .inside-right-sidebar {
        height: 100%;
    }
    .make_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
    }
}

Best regards
Christian

January 4, 2023 at 5:52 pm #2484061

Hi Christian,

You need to make the parent Container Block full height as well. Try replacing the code you have with this:

@media(min-width: 769px) {
    .inside-right-sidebar, .inside-right-sidebar > .gb-container, .inside-right-sidebar > .gb-container > .gb-inside-container {
        height: 100%;
    }
    
    .make_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
    }

}

January 5, 2023 at 12:09 am #2484257

Hello Fernando,

unfortunately the container is still not sticky with this code.

January 5, 2023 at 12:15 am #2484265

Sorry, there was a missing . in my code. I updated it now. Can you try the new code above?

January 5, 2023 at 3:48 am #2484435

Thanks, it's working now!

This archived topic is closed to new replies.

Start building better websites today.