Re: Capital Theme - Optimize images for mobile

Solved

Capital Theme - Optimize images for mobile

CarolinaGirl
Visitor
1 0 1

Can someone please help me with slider images not optimizing for view on mobile device?

www.thebalancedbraco.com

I am specifically looking to fix the slider images -- at the top and then in the middle of the homepage. Thank you. 

Accepted Solution (1)

KetanKumar
Shopify Partner
36932 3642 11997

This is an accepted solution.

@CarolinaGirl 

sorry for that issue can you try 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css->paste below code at the bottom of the file:

@media (max-width: 720px) {
.slideshow-same-height .slick-slide, .slideshow-same-height .slick-track {
    min-height: 50vh!important;
}
.slideshow-same-height.slideshow-wrapper .svg-placeholder, .slideshow-same-height.slideshow-wrapper img {
height: 50vh !important;
}
}

 

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

Replies 4 (4)

KetanKumar
Shopify Partner
36932 3642 11997

This is an accepted solution.

@CarolinaGirl 

sorry for that issue can you try 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css->paste below code at the bottom of the file:

@media (max-width: 720px) {
.slideshow-same-height .slick-slide, .slideshow-same-height .slick-track {
    min-height: 50vh!important;
}
.slideshow-same-height.slideshow-wrapper .svg-placeholder, .slideshow-same-height.slideshow-wrapper img {
height: 50vh !important;
}
}

 

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
BeyondUs
Tourist
5 0 1

This doesn't work in our store. We have Capital theme. store URL is https://www.thebeyondus.com/

 

KetanKumar
Shopify Partner
36932 3642 11997

@BeyondUs 

oh sorry for that issue can please issue image

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
EarKit
Visitor
1 0 0

Hello, This did not work for me, My images on mobile are still being cut off in the first slideshow of my site. I do not see a section under theme-index.min.css in my assets. 

my site is www.earkit.com

 

the mobile images are being cut off and not scaling to size. I took screenshots in the customize theme option I can send you. 

 

Thanks!