0

I am using the Magento default Layered Navigation on my category pages and I want to make it be sticky, so when you scroll down the page each "shop by" filter will always be visible. So to the code

I added a css style to the sidebar-left class The style I added is position:fixed;

My issue is when you scroll down the page and get to the bottom the layered navigation goes over the top of the footer. So I am not sure how to change the sidebar-left class (or to create a new class name) that would change the layered navigation to not scroll over the top of the footer.

Improve this question

1 Answer 1

Reset to default
0

use top and bottom. it will not overlap the footer and header 

sidebar-left {
    bottom: 296px;
    position: fixed;
    top: 295px;

}
Improve this answer
4
  • that did not seem to work. it is still overlapping the footer div.
    – Jayreis
    Commented Dec 16, 2015 at 16:58
  • which theme you are using?
    – Qaisar Satti
    Commented Dec 16, 2015 at 17:07
  • We are using a theme we purchased off of a template site which has the layered navigation inside a <aside> tag
    – Jayreis
    Commented Dec 16, 2015 at 17:24
  • increase this bottom: 296px;
    – Qaisar Satti
    Commented Dec 16, 2015 at 17:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.