Help Making Sidebar Sticky

Support
#1

I am trying to make my sidebar sticky at https://reachrightstudios.com/blog/

I have tried the solution in this thread https://theme.co/apex/forum/t/make-sidebar-sticky/3024

It does seem to work well on desktop browsers but on phones and smaller devices the sidebar jumps over the content in the main column.

Do we have a solution that will prevent this?

#2

Hi,

You can try this code instead.

.x-sidebar .widget.widget_media_image {
    position: fixed;
    max-width: 299px;
}

You may add it in X > Launch > Options > CSS

Hope that helps

#3

That isn’t making the sidebar stick for me. I tried it with and without the JS from the previous post. Please advise.

#4

Hi there,

I tried the code @paul.r provided on the previous response and it seems to work correctly.

Kindly check that there are no incorrect code/css syntax error in the custom CSS to make sure that the CSS that are newly added work correctly.

If you are still not able to make it work, kindly provide your admin details in a Secure Note.

#5

You are right, that code worked perfectly. Thanks!

#6

Glad to hear you got it sorted.

Cheers!