Shrink Slide Show on Mobile

Solved
superpawssg
Tourist
14 0 3

Hi,

I bought FamiPet theme for my new Shopify website. The slideshow on the main page looks good on the computer website, however when I enter through mobile, it's cropped off. Is there anyway I could make it shrink to fit the size of mobile instead of cropping?

Also, for the Favicon, my logo is always squeezed up and looking totally out of shape, is there anything I could do?

https://super-paws-sg.myshopify.com/

KetanKumar
Shopify Partner
17323 1871 6472

@superpawssg 

sorry for this issue 

can you please confirm do you have look like this?

KetanKumar_0-1619249022267.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
superpawssg
Tourist
14 0 3

Nope, on the mobile it looks like this 

 

photo_2021-04-22 21.16.56.jpeg

0 Likes
dmwwebartisan
Shopify Partner
5862 1339 1721

This is an accepted solution.

@superpawssg 

please Go to Online Store->Theme->Edit code then go to assets/engo-customize.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (max-width: 576px) {
.section-slideshow-v6 .info-sideh6 .picture-slideshow img { height: 100% !important;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
superpawssg
Tourist
14 0 3

It works! Thanks mate! I have another question in mind regarding the slide show. Currently on my computer website, the slideshow is taking up almost 50% of my whole homepage. How do I reduce the height of it?

dmwwebartisan
Shopify Partner
5862 1339 1721

please upload  1583 by 500px image for slider

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
superpawssg
Tourist
14 0 3

Hi, I have tried 1583x500 on the slider. However, it gets rescaled into the original sizing. You may go in to my website to check it out.

dmwwebartisan
Shopify Partner
5862 1339 1721

This is an accepted solution.

@superpawssg 

please Go to Online Store->Theme->Edit code then go to assets/engo-customize.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (min-width: 1600px){
.section-slideshow-v6 .info-sideh6 .picture-slideshow img { height: 480px !important; }
}
If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
superpawssg
Tourist
14 0 3

Thank you! It works!

0 Likes
dmwwebartisan
Shopify Partner
5862 1339 1721

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes