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 do you have like this? [KetanKumar_0-1619709513766.png]

Thanks a lot for your answer. No not really, this is what I have: [screen1.png] So I don’t understand why you have 3 products … Then here’s what it does to me on mobile: [screen2.png] While I would like this …: [180308766_3929882507125036_1205991510123494345_n.jpg]

Oh you probably have 3 products because you must be on the collection page. My problem concerns the home page. Thanks in advance to all…

Really sorry to reiterate but please someone already had this problem? This is very important to me … Thanks in advance for your help

@MaxCosta can you please confirm this? [KetanKumar_0-1619726157999.png]

Thank you for your reply @KetanKumar no,but the photo you just sent me is what I would like to have on my homepage I have that: (this is a slider) [F266E617-86AB-435D-93E0-5F29AC283219.png]

@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]

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

Store Design

KetanKumar April 29, 2021, 3:18pm 2

@MaxCosta

do you have like this?

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	63	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