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 { …

@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; } }

@MaxCosta it’s my pleasure to help us

Hello, @KetanKumar I’m sorry to come back to you but I think you can help me. [screen.png] Still on the same site, I activated the colors swatches on my Featured Collection of Home Page. I would like to : center the choice of colors slightly increase the spacing between lines? (because th…

@MaxCosta Thanks for it yes, sure i will help i have share code soon

@KetanKumar thank you so much.. !

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

Store Design

MaxCosta April 30, 2021, 11:46am 17

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

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

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

Related topics