How to keep product image fixed while scrolling down the description column in DAWN theme.

[Chucklesfaq]

[niraj_patel]

Hello @Chucklesfaq 

can you share store url?

[Chucklesfaq]

It's not live yet. Any other way @niraj_patel 

[Chucklesfaq]

Any other way?

[Chucklesfaq]

@niraj_patel 

[niraj_patel]

How can I apply customs CSS on it without inspecting it?

[Chucklesfaq]

https://www.chuckles.store/products/afternoon-symphony

Hey can you check now?
@niraj_patel 

[Chucklesfaq]

@niraj_patel  

[niraj_patel]

Hello @Chucklesfaq 

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 screen and (min-width: 750px){
          .product__info-container {
                max-width: 60rem;
                overflow-x: auto;
                height: 400px;
         }
    }

</style>

[Chucklesfaq]

Hey thanks a lot. It's working now. Thanks for being so cool here.

[Skyride18]

And if i want the exact contrary?

In my case when i scroll down the page, the description is higher than the image, and the image will scroll down until the footer.

[ozgur-ipekci]

Hey @Chucklesfaq 

Yes, we can do it with manipulation to css.

Please 'inspect' the image layout and change the css as:
when you scroll down, the images comes:

position: sticky;

But if you want to fix the images on top, please write that css:

position: static!important;

I hope it helps you!