Changing Picture Size for Mobile Version

Solved
Highlighted
Excursionist
32 0 11

Hey, I added a picture on my slideshow but it is too big on the mobile version. Is it possible to make it smaller only for the mobile version?

My site: www.trackitfindit.com

Using Narrative Theme.

Thanks

0 Likes
Highlighted
Shopify Partner
19 4 7

Hi @OGPremium,

Please try this solution

1. Go to Online Store > Theme > Edit code
2. Asset > theme.scss.liquid >

Paste the below code at the bottom of the file.

@media only screen and (max-width: 600px) {
  .slideshow__image {
      object-fit: scale-down;
      background: #fff;
   }
}

 

Let me know if it works or not

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on rajatsharma.web@gmail.com
Skype: rajatsharma.web
If you are happy and want to donate small Click Here :) (Paypal)
2 Likes
Highlighted
Excursionist
32 0 11

Hey thanks for answering. It's too tiny now, need it a bit larger.

Thanks alot!

1 Like
Highlighted
Shopify Partner
19 4 7

This is an accepted solution.

@OGPremium,

Try to change code to this one

 

@media only screen and (max-width: 600px) {
  .slideshow__image {
      object-fit: none;
      background: #fff;
   }
}

 

 

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on rajatsharma.web@gmail.com
Skype: rajatsharma.web
If you are happy and want to donate small Click Here :) (Paypal)
1 Like
Highlighted
Shopify Partner
19 4 7

@OGPremium Please like and Accept the solution if it's works for you.

Thanks

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on rajatsharma.web@gmail.com
Skype: rajatsharma.web
If you are happy and want to donate small Click Here :) (Paypal)
1 Like
Highlighted
Excursionist
32 0 11

Hey my friend, it's a bit too big now. Can you make it a bit smaller?

0 Likes
Highlighted
Shopify Partner
19 4 7

@OGPremium I think to make it fit you need to change Image size, We can't control more than that with CSS.

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on rajatsharma.web@gmail.com
Skype: rajatsharma.web
If you are happy and want to donate small Click Here :) (Paypal)
0 Likes
Highlighted
Excursionist
32 0 11

Managed to solve it my friend, I resized the picture and it worked.

Thank you so much for the help, wish you all the best!

1 Like