Sticky sidebar in collection page of Bakin's theme

Shopify Discussion
1

Here is the website link. ( https://poufdesignsbyvalerie.com/collections/all )

I want the Category section to be sticky on top while scrolling.

1 Like
2

@mranasabbas

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/frame.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 968px) {
.template-collection .header-sticky {
    position: absolute;
    width: 100%;
}
.template-collection .main-content {
    margin-top: 250px;
}
}
1 Like
3

Hi @KetanKumar
Thanks for your reply…

Please see the link. I also want this to be sticky with header…

https://ctrl.vi/i/QCzQd53hF

4

Hi @mranasabbas

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->frame.scss.liquid->paste bellow code in bottom of file

.main-content, .wrapper-container {

overflow-x: unset !important;

}

.left-sidebar {

position: sticky;

z-index: 1;

top: 80px;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

1 Like