Fix Featured Collection Image Position in Mobile

[thatshampooshop]

Does anyone know how to make the position of the images in Featured Collection stay/fixed?

My featured collection moves up and down whenever i'm in Mobile view.

https://ee15bf-83.myshopify.com/products/beautiful-color-shampoo?_pos=1&_psq=beautiful&_ss=e&_v=1.0

[BSSCommerce-HDL · Accepted solution]

Hi @thatshampooshop 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
        @media screen and (max-width: 750px) {
            .grid.product-grid.contains-card.contains-card--product.contains-card--standard.grid--4-col-desktop.grid--2-col-tablet-down.slider.slider--tablet.grid--peek {
                overflow-x: unset!important;
            }
        }
    </style>

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[niraj_patel]

Hello @thatshampooshop 

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 (max-width: 767px) {
   ul.slider.slider--tablet {
        overflow-x: unset !important;
   }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.