shopify store mobile view

[momsabhiruchi]

hello everyone ! i have designed a clothing store using dawn theme , but my home page in mobile view has a horizantally overflow. It would be a support if any one can help me out in fixing this . the link to my site is as given below

https://anodr1.myshopify.com

password:paynea

[Huptech-Web]

Hi @momsabhiruchi 
To solve this go to section-image-banner.css

Update the below code

@media screen and (max-width: 749px)
.banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap;
}
}

with this

@media screen and (max-width: 749px)
.banner:not(.banner--stacked) {
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
}

[momsabhiruchi]

hi..thanks for the quick reply, but the code didnt work for me.. can u pls suggest any other solution

[Huptech-Web]

Hi @momsabhiruchi 
The URL you provided is not working, Can you please share the latest URL? So I can check it.

[momsabhiruchi]

url to my site

www.anotherone.in

https://admin.shopify.com/store/anodr1

[Huptech-Web · Accepted solution]

Hi @momsabhiruchi 
The code is not updated yet👇 This is old code

You need to remove that code and add the below code👇

@media screen and (max-width: 749px)
.banner:not(.banner--stacked) {
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
}

Open section-image-banner.css find the code and update it.

[momsabhiruchi]

thank you so much to Huptech-web..it worked well... Thanks once again