blog images on mobile cropped

Solved
lesbrons
Excursionist
98 0 39

hi, is there a way to not have the images on blog pages cropped? they are set to cover for desktop, but when i try to add a code for just mobile screens only it doesnt seem to recogise it. 

 

@media screen and (max-width: 600px){
#article-image {
object-fit: fill;

 

tried this and it didnt change it

0 Likes
KetanKumar
Shopify Partner
18896 1985 6993

@lesbrons 

sorry for this issue please add this code

@media (max-width: 600px) {.article-image img {height: auto;}}
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
lesbrons
Excursionist
98 0 39

this didnt work unfortunatly

0 Likes
KetanKumar
Shopify Partner
18896 1985 6993

@lesbrons 

oh please share issue images?

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
Jason
Shopify Expert
10354 155 1990

Can you add a link to the page to get things started? Always useful to be able to see the issue at hand!

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★
0 Likes
lesbrons
Excursionist
98 0 39

lesbrons.com

_DTECO_
Tourist
5 1 1

Try the css code below

@media (max-width: 768px) {
.article-image img { max-width: 100%; object-fit: fill; height: auto; }
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on dtecoapp@gmail.com regarding any help
0 Likes
lesbrons
Excursionist
98 0 39

didnt work, sorry

0 Likes
KetanKumar
Shopify Partner
18896 1985 6993

@lesbrons 

can you please share 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 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
lesbrons
Excursionist
98 0 39

Screenshot_20210512-205916_Chrome.jpg

 they are showing up on mobile cropped like this

0 Likes