How to change mobile footer from vertical to horizontal?

ntd0 · ‎09-08-2024

testtester@031 (testtester-031.myshopify.com)

BSSCommerce-B2B · ‎09-08-2024

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before </body>

<style>
@media screen and (max-width: 600px) {
    .footer__blocks-wrapper .footer-block.grid__item {
      width: 33% !important;
    }
    .footer__blocks-wrapper {
       display: flex !important;
    }
    .footer-block.grid__item:first-child {
        width: 100% !important;
    }
}
</style>

Result for you

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B · ‎09-08-2024

@ntd0 ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before </body>

<style>
@media screen and (max-width: 600px) {
    .footer__blocks-wrapper .footer-block.grid__item {
      width: 33% !important;
    }
    .footer__blocks-wrapper {
       display: flex !important;
    }
    .footer-block.grid__item:first-child {
        width: 100% !important;
    }
}
</style>

Result for you

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

How to change mobile footer from vertical to horizontal?

How to change mobile footer from vertical to horizontal?

Community Blog Articles