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.
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
Worked thanks
you are welcome, I am glad when can help you
One more thing thanks for your help
On my mobile, its still showing the same 1 column can you please check I have placed the code according to the media query
