Hello all, This is my first post on this forum because I have an urgent problem with a Shopify store using the Motion theme. I want to add a Featured Collection on my home page with 2 products per line and 3 product lines. As on this site: https://www.eliou-eliou.com/ When I add the “Featured col…

@MaxCosta thanks for confirm please add this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second @media only screen and (max-width: 589px) { #shopify-section-16193798554af94825 .grid-overflow-wrapper { …

@KetanKumar @This is what I want !

it’s much better but it does this to me: [E9F8A50C-3DF0-4121-8032-42FEF0A28782.png] [77EE87B4-738C-4B95-AE5B-0A9424DBD416.png] In addition, would it be possible to create a small space (margin) at the edges of the screen? like this : [7FB19F07-5E13-4875-AD1C-222ACA6D7E6D.png] :folded_hands: …

@KetanKumar @Like this without slider: [8C37F088-54E2-4E40-B79E-5290EC9EEB92.jpeg] thank you in advance :folded_hands:

@MaxCosta yes please add this code @media only screen and (max-width: 589px) { #shopify-section-16193798554af94825 .grid-overflow-wrapper .grid__item:first-child { margin-left: 0; } } after code view [KetanKumar_0-1619732179224.png]

@MaxCosta it’s my pleasure to help us

Im so sorry @KetanKumar but I have a problem with your solution mobile rendering is this one : [1D79E4AA-4EE0-480F-B4F5-BC6AC3E3FFCB.png] but i want this one : [4AE487B3-8D4F-4D51-BE38-B64DAB0B7921.png] can you create this spacing? and margins on the sides? you would save me :folded_hands: …

@MaxCosta thanks for your feedback yes, please add this code @media only screen and (max-width: 589px) { #CollectionSection-16193798554af94825 .page-width--flush-small { padding: 0 15px; } }

@KetanKumar how to thank you… you’re the best bro thanks a lot

@MaxCosta it’s my pleasure to help us

Urgent - Theme Motion: Featured collection on Home Page - 2 products per row

Store Design

MaxCosta April 29, 2021, 9:44pm 13

Thank you so much ! !!

1 Like

Topic		Replies	Views
MOTION THEME - Featured collection - Change mobile layout from slider to same as collection page Store Design	4	248	September 16, 2022
How to make collection page show one product per row on mobile only shopify motion theme Shopify Discussion troubleshooting	2	35	May 11, 2023
Collection grid one product line for mobile Store Design customizations , collection-page , css , shopify-themes	3	40	March 27, 2024
Collection picture size - mobile only Store Design design , collection-page , product-page	6	31	July 4, 2024
Mobile scroll on home page Store Design shopify-themes	9	77	September 30, 2024

Urgent - Theme Motion: Featured collection on Home Page - 2 products per row

Related topics