Make product thumbnail outline a square shape (mobile view only)

Solved
laserbeampq
Excursionist
18 0 7

I'd like to change the product thumbnail outline on the slider (the light blue one) be square instead of that rectangular shape for the mobile version of my website. I already fixed this for the desktop version. Thanks!

Store URL is http://helioenvy-cosplay.myshopify.com and password is "rtewda"

My theme is Venture.

 

laserbeampq_0-1635719554526.png

 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2497 9031

This is an accepted solution.

@laserbeampq 

yes please try this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.is-active .product-single__thumbnail:after {display: none;}
.is-active .product-single__thumbnail img { border: 3px solid #51bec6; }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Reply 1 (1)
KetanKumar
Shopify Partner
24919 2497 9031

This is an accepted solution.

@laserbeampq 

yes please try this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.is-active .product-single__thumbnail:after {display: none;}
.is-active .product-single__thumbnail img { border: 3px solid #51bec6; }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post