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)

Rishihuptech
Shopify Partner
469 80 86

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 info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required