I want to hide other variant image in product cart page in mobile view. Note: Not thumbnail image

Solved

I want to hide other variant image in product cart page in mobile view. Note: Not thumbnail image

UH1
Tourist
4 0 2
Accepted Solution (1)

David_SHT
Globetrotter
605 125 125

This is an accepted solution.

Hi @UH1 

This is David at SalesHunterThemes.

Thank you for your question. 
Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 

@media(max-width: 749px){
.product__media-wrapper {
overflow: hidden;
}
}

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

View solution in original post

Replies 7 (7)

StudioEnchant
Shopify Partner
245 40 38

Hey @UH1,

Kindly share your store URL

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
UH1
Tourist
4 0 2

https://urbanheaven.pk/

password: urbanheaven12

StudioEnchant
Shopify Partner
245 40 38

And the password please

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
UH1
Tourist
4 0 2

Already mention in the previous reply

Don't worry again 

Password: urbanheaven12

David_SHT
Globetrotter
605 125 125

This is an accepted solution.

Hi @UH1 

This is David at SalesHunterThemes.

Thank you for your question. 
Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 

@media(max-width: 749px){
.product__media-wrapper {
overflow: hidden;
}
}

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

UH1
Tourist
4 0 2

Wonderful, Thanks

Perfect work 

WhatsApp Image 2023-09-28 at 22.29.25.jpg

 

PageFly-Oliver
Shopify Partner
878 190 180

Hi @UH1 ,

 

You can try this code by following these steps: 

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

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
@media screen and (max-width: 749px){
.product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
margin-right:0 !important;
}
.product__media-list .product__media-item {
width:100% !important
}
}
</style>



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.