Docs

[chuckg123]

I am looking for code in order to get my sidebar to be fixed “absolute”. Right now it needs to be scrolled using the mouse. I already tried using the code from this page https://community.theme.co/forums/topic/icon-stack-fixed-sidebar-does-not-scroll-2/ and it did not work. I refreshed my cache and still nothing.

Please, I need help.

[Darshana]

Hi there,

Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[chuckg123]

This reply has been marked as private.

[Darshana]

Hi there,

You have the following CSS rule in your child theme’s style.css file (wp-content/themes/x-child/style.css).

.x-content-sidebar-active .x-sidebar {
    overflow-y: scroll;
}

Please change it as follows.

.x-content-sidebar-active .x-sidebar {
    overflow-y: hidden;
}

Hope that helps.

[chuckg123]

Hey thanks for the help, we are almost there. So now I have..

.nano .nano-content {
overflow: visible;
position: static;
}
@media (min-width: 1200px) {
.x-content-sidebar-active .x-sidebar {
position: absolute;
overflow-y: hidden;
}
}
aside.x-sidebar.nano.has-scrollbar {
position:fixed;
}

That helped solve the scroll problem, but now it cuts off at the category section and it looks ugly… what shall I change to fix?

[Christopher]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[chuckg123]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please have your css code updated and use this instead:

@media (min-width: 1200px) {
  .x-content-sidebar-active .x-sidebar {
    position: absolute;
    overflow-y: hidden;
    height: auto;
  }
}

Hope this helps. Please let us know how it goes.

[chuckg123]

This reply has been marked as private.

[chuckg123]

This reply has been marked as private.

[Rad]

Hi there,

What page has that? All I could see is long sidebar fixed on right.

Thanks!

[Author]

Posts