blog images on mobile cropped

Solved
lesbrons
Excursionist
97 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
18513 1953 6843

@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
97 0 39

this didnt work unfortunatly

0 Likes
KetanKumar
Shopify Partner
18513 1953 6843

@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
10350 154 1986

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
97 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
97 0 39

didnt work, sorry

0 Likes
KetanKumar
Shopify Partner
18513 1953 6843

@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
97 0 39

Screenshot_20210512-205916_Chrome.jpg

 they are showing up on mobile cropped like this

0 Likes