Re: Mobile change only Size of images

How to adjust image width for mobile view only?

MoggedTeams
New Member
15 0 0

hi,i want to change the width of my images on multirow but only on mobile because on deskop its pefect

Reply 1 (1)

Huptech-Web
Shopify Partner
1004 204 215

Hello @MoggedTeams , You can use the below media query to change the width of the image on mobile. Add the CSS in your section file in the <style> tag.

 

@media (max-width: 768px) {
    img {
        width: 80%; /* Change the width to 80% on mobile devices */
    }
}

 

 

Replace the "img" with your class or id. 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at [email protected] or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required