Atlantic Theme - spacing on mobile homepage

[charlottexavier]

Hi - my mobile site looks fine on the 'Customise' page, but when I open it on a phone browser the first two sections are on top of one another making the text illegible and the whole thing very messy. Does anyone have a tip on how to clear this up? Is it a coding error? 

Charlotte 

[dmwwebartisan]

@charlottexavier 

Please share your store URL!

Thanks!

[charlottexavier]

Thanks, www.xavierchina.com

[dmwwebartisan]

@charlottexavier 

Please add the following code at the bottom of your assets/theme.css file.

@media (max-width: 719px){
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: flex;
}
}

Hope this works.

Thanks!

[Kinjaldavra]

hello @charlottexavier 

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) {
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: flex;
}
}

[Kinjaldavra]

hello @charlottexavier 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[charlottexavier]

Thank you! It’s www.Xavierchina.com

Charlotte