Mobile view removes images from features

[snaqvi1990]

Thanks for the great template! I am modifying the template's features on the research page, and they look great on web but when viewed on mobile, the images for each feature are gone (screenshot attached). Is there a way to keep the image in mobile and have it be on top of the text for each feature?

Thanks,
Sahin

[vincerubinetti]

Unfortunately this looks like a bug, specifically with mobile Safari (I'm assuming that's what you're using? Safari is usually the problematic browser, Chrome and Firefox usually do things right).

A quick fix:

Under @media (max-width: 800px) .feature-image { in /_styles/feature.scss, change width: unset; to width: 100%;. That should fix it.

I'll capture this bug in an issue.

[snaqvi1990]

It actually looked the same on both Safari and Chrome, but your fix worked great! Thanks

[vincerubinetti]

FYI if you're on ios, Chrome still runs Safari under the hood, so that would be why you're still seeing the issue.

[snaqvi1990]

Got it, thanks for the quick reply!