Debut Mobile Collection - 3 total in a row?

SEETHEWAYISEE · January 7, 2022, 4:49pm

Hi!

I was wondering if someone could help me? I need my mobile featured collection to be 3 products in a single row. It’s perfect on the desktop version, but on the mobile version it splits it into 2 rows. But I want to keep it on one row, with 3 products.

The site link is: https://70z36sxi8wa6oqkf-9665019951.shopifypreview.com

thank you in advance!

suyash1 · January 7, 2022, 4:55pm

@SEETHEWAYISEE - please add this css to the very end of your theme.css file and check, should be like screenshot

@media only screen and (max-width: 749px){
#shopify-section-1641428382cc2c0671 .grid__item {
 width: 33.33% !important;
    clear: none !important;}
}

SEETHEWAYISEE · January 7, 2022, 8:50pm

Thank you so much! This worked perfectly!

Maybe you can help with another issue I have? The arrows at the bottom of pages are coming up as transparent, any way to fix that? Thank you in advance!

Happy New Year!

Topic		Replies	Views
How do I only show 3 products in a row on the portland theme Store Design collection-page	9	24	February 3, 2023
How can I make collection list 3 per row on mobile? Store Design	3	17	August 11, 2021
How to make collection ( 1 row ) in mobile mode Store Design design , customizations , troubleshooting , shopify-theme	12	62	September 5, 2025
How to show two products in a row for each collection mobile version? I use debut theme Store Design	14	69	November 16, 2021
Creating a collection list that shows three products in a line in mobile view Store Design customizations , collection-page , troubleshooting	12	78	April 22, 2025

Debut Mobile Collection - 3 total in a row?

Related topics