heading is not sticky with sidebar

Solved

heading is not sticky with sidebar

BDPK
Excursionist
40 0 2

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

 

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

</style>

Accepted Solution (1)
Raj-webdesigner
Shopify Partner
353 88 84

This is an accepted solution.

try this on add edit code > css file

 

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

 



Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 4 (4)

Tech_Coding
Shopify Partner
500 127 124

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 </body> on theme.liquid
<style>
@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 */
    }
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
BDPK
Excursionist
40 0 2

tried this code but nothing happened

Raj-webdesigner
Shopify Partner
353 88 84

This is an accepted solution.

try this on add edit code > css file

 

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

 



Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


BDPK
Excursionist
40 0 2

thanks for your help