How to prevent stacking on mobile

[lovemade14]

I'm currently using the CRAFT theme for my store and have a "Footer promotions" section that stacks on mobile and is very distracting. The developers don't have an easy way on the customization page to fix this so is there a code I can apply? Thank you!

[Moeed]

Hey @lovemade14 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,

Moeed

[lovemade14]

the URL to my store is https://thelovemadehome.com/

is that fine?

[Moeed]

Can you share a screenshot which explains the problem in detail because there seems to be some confusion for me.

Best Regards,

Moeed

[lovemade14]

This section is stacking on mobile and it is distracting because it takes up a lot of the screen.

[PageFly-Richard]

Hi @lovemade14 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px) {
.page-width.footer-promotions {
    width: 100%;
    padding: 0;
}
.footer-promotion.color-scheme-1 {
    padding: 0;
}
.page-width.footer-promotions [data-view="3-1"] .grid-item {
        flex: 0 0 49%;
    }
}

</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly