Show 2 products in One column on mobile view

[Hamzataj]

Hello, Guys Hope You All are doing well can someone please help me with how can show 2 products in One column on the mobile view in the default mobile view it's showing one product in one column.

Link: https://hairenergyofficial.com/

This section is on the home page on mobile view under the best seller heading.

[PageFly-Victor · Accepted solution]

Hi @Hamzataj

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> dt-framework.css  paste the below code at the top of the file.

@media(max-width:767px){

    #shopify-section-template--16461531447555__1629720615c1011b29 .grid.product-collection.dt-sc-column.four-column {

grid-template-columns: repeat(2,1fr) !important;

}

}

Best Regards;

PageFly

[Hamzataj]

Thanks but not working 

[PageFly-Victor]

but I don't see this code

[Hamzataj]

Worked thanks 

[PageFly-Victor]

you are welcome, I am glad when can help you

[Hamzataj]

One more thing thanks for your help 

[Hamzataj]

On my mobile, its still showing the same 1 column can you please check I have placed the code according to the media query

[Hamzataj]

desktop 

Mobile :