HOT TO FIT MULTICOLUMN

HOT TO FIT MULTICOLUMN

josoneryx1890
Excursionist
34 0 5

Hello guys, how to reduce this excess spaces on the side and almost fit the grids into square shape? TIA

Here is the link: https://72d12c-be.myshopify.com/

 

josoneryx1890_0-1720236307719.png

 

Reply 1 (1)

BSSCommerce-TC
Shopify Partner
215 46 49

Hi @josoneryx1890 ,

I checked your mobile view and it looks great. Here is the CSS code that will apply to the desktop view:

BSSCommerceTC_0-1720239602101.png

 

You can follow these steps:

Step 1: Please navigate to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file.

@media (min-width: 1024px) {
    .multicolumn {
        display: flex;
        justify-content: center;
    }

    .multicolumn .page-width {
        max-width: none;
    }
}

 

I hope it will helpful on your site. If it work well, please you  give us a like and mark it as a solution?

 

This can be a reference for other merchants if they have an issue like you. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

 

Thanks in advance.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency