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

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

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…

@KetanKumar thank you so much.. !

@MaxCosta thanks for it sorry your link doesn’t work now

@KetanKumar , Really ? I don’t know why, Please try it : https://s9hj7vdn12zjvbbv-47455862950.shopifypreview.com Thank you in advance,

@MaxCosta Thanks for the update, yes please add this code .color-swatch--small:before, .color-swatch--small {border-radius: 100px;} .grid-product__colors{justify-content: center;} @media only screen and (max-width: 589px) { #shopify-section-16193798554af94825 .grid-overflow-wrapper .grid__item:fi…

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

Store Design

KetanKumar May 1, 2021, 5:39pm 20

@MaxCosta

Thanks for it

yes, sure i will help i have share code soon

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

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

Related topics