Different picture size for desktop and mobile page (DEBUT theme)

Solved
Highlighted
New Member
38 0 5

Greetings

I have an image with text overlay that looks perfect on desktop version, but is too big on mobile one.

How do I edit that? 

0 Likes
Highlighted

Hello ,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
38 0 5

Hey. Thank you for taking time to help out. I have sent you a pm.

0 Likes
Highlighted

This is an accepted solution.

 

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
.shopify-section .hero--medium {
    height: 169px;
}
}

 If your css file is having this media then add only css .

hope this will work for you !

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like