Hero image mobile full width - Debutify

Solved
Kleber_shaw
Excursionist
32 0 13

Hi everyone, it that anyway I can make it my hero image on mobile full width? It looks great on desktop but loose a lot on mobile. Thanks! 

URL: https://ilondon.shop/

password: kamilla 

CC4278B8-F07E-457D-9A97-D41C91FD993F.png

0 Likes

This is an accepted solution.

@media only screen and(max-width:749px){
.mobile-view .hero-image-02617db1-1a12-4b0e-b238-646deeb27663 {
    background-position: center;
}

}


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

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Natztech
Shopify Partner
1901 493 1175

This is an accepted solution.

hello @Kleber_shaw 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and(max-width:749px){
 #shopify-section-16239335458df33149 .hero-image-02617db1-1a12-4b0e-b238-646deeb27663 {
    background-size:contain !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly