heading is not sticky with sidebar

Shopify Discussion
1

hi there i have a store which have sticky side bar its working fine but the issue is its heading is not sticky with it my url is sundip1.myshopify.com. i have used following code for sticky sticky sidebar

@media (min-width: 750px) { .index-section .grid--full { max-width: calc(1220px - 330px); float: right; } #shopify-section-footer { width: 100%; overflow: hidden; } }
2

Hello @BDPK

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media (max-width: 767px) { .index-section .grid--full { max-width: calc(1220px - 330px); float: right; } #shopify-section-footer { width: 100%; overflow: hidden; } .sticky-sidebar { position: sticky !important; top: 0; /* Adjust this value if you have a header or other elements above */ } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

3

tried this code but nothing happened

4

try this on add edit code > css file

div#top-home-blocks .sidebar-collections {
    position: fixed;
    width: 275px;
}
5

thanks for your help