How can I modify the mobile product grid to two columns on debut?

Store Design
1

URL: taskerandshaw.com

PW: TASPW20221

looking to change the displayed featured products grid on mobile only to 2 columns from 3. Happy with 3 wide on desktop want to switch to two wide on mobile devices.

any help would be appreciated

james

992ECB00-12FB-4605-A54B-E7A35201A33F.jpeg
992ECB00-12FB-4605-A54B-E7A35201A33F.jpeg1284×2778 354 KB

1 Like
2

@TaskerandShaw

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
#shopify-section-164227398336f9b5e0 .grid__item.medium-up--one-third.text-center {width: 50% !important;}
#shopify-section-164227398336f9b5e0 .grid {display: flex;flex-wrap: wrap;}
}
3

Worked perfectly - thanks :slightly_smiling_face:

This is why I’ll never move my stores from Shopify, help like this is amazing!