On desktop, the pictures show up fine but on mobile, all of the pictures only show about half. I guess this could be fixed by changing to scaling instead of cropping.
I've tried to fix it on my but the coding I've done has only changed the desktop version, which already shows up fine.
Site is: bynti.com
Any help is appreciated!
Cheers
1) Go to Online Store > Themes > Actions > Edit Code
2) Go to Assets > theme.scss.liquid at the bottom paste this css
@media (max-width: 768px){ .hero__image { object-fit: fill !important; } }
You can create alternate section for mobile slideshow and use images accordingly.
has no one fixed this yet????
This is a really entry level problem that Shopify should be fixing on their end. This isn't a unique coding request and shouldn't be seen as something users have to write code for... this is the basic expectation of web to mobile devices... scaling an image OR having a clear option to add a mobile version image.
Please adjust this asap
User | Count |
---|---|
542 | |
209 | |
126 | |
80 | |
44 |