Mobile view formatting issues on Homepage

Store Design
1

I’ve got some issues with sections/content overlapping creating formatting issues on my homepage when viewing on mobile (desktop is ok).

When I view in Shopify editor all looks ok but when I view on my mobile it’s all out of whack: www.missmaia.co

Any advice or help would be much appreciated.

2

Hello @htkgardner ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid paste bellow code in bottom of file
@media screen and (max-width: 719px) {
.template-index .shopify-section:first-of-type .home-section.slideshow {
    float: left; 
}
}

Thanks

3

@htkgardner

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

@media (max-width: 719px){
.home-section {width: 100%;}
.template-index .shopify-section:first-of-type .home-section {
    margin-top: 0;
    float: left;
    margin: 0 auto;
}
}

Thanks!

4

This is perfect thank you so much!