I would like to fix my mobile view only for the multicolumns section - Dawn theme

[KelvinLeow]

Hi there's a few changes i need to fix for the mobile view only.

1. To change my multicolumn for products category from 1 column to 2 columns:

2. But I would want the bottom multicolumn to be side by side like desktop for this part only

Desktop view:

I would really appreciate help from the pros. Thank you in advance!

https://fonpintar.myshopify.com/
Password: taclau

[INA_MSWEB]

Hi @KelvinLeow 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

@media screen and (min-width: 749px) {

.grid--1-col .grid__item {max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;}

}

Regards,

San

[KelvinLeow]

Hi your code turn my slider into half instead of the multicolumn