How can I make my hero image full width on mobile?

Store Design
1

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
CC4278B8-F07E-457D-9A97-D41C91FD993F.png750×1334 193 KB

2 
@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

1 Like
3

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;
}
}
1 Like