How to show a different photo on mobile

Solved
Highlighted
Excursionist
43 0 8

Hi,

 

Is there a way to show a different photo on mobile? Or is there a way to change which part of the photo it shows on mobile? Right now it shows the middle part of the photo and it doesn't look good. I am using brooklyn theme. https://vileep.com/ psw: rahvew

 

How it looks like:

 

83020858_1695836653903107_8222847474225304931_n.jpg

How I want it to look like:

Untitled.png

Thank you in advance!

 

0 Likes
Highlighted
Shopify Partner
1170 250 345

This is an accepted solution.

Hi

add code assets/theme.scss.liquid bottom of the file

 

@media only screen and (max-width: 750px) {
.hero .hero__image {object-position: 25% center !important;}
}


Hope this will work 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 dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
43 0 8

It did! That was a quick fix.

 

Is there a way to change vertical positioning? Make it go up or down a bit?

 

0 Likes
Highlighted
Shopify Partner
1170 250 345

HI

Please send screenshot for me.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like