HOT TO FIT MULTICOLUMN

[josoneryx1890]

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/

[BSSCommerce-TC]

Hi @josoneryx1890 ,

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

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.