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]

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

MaxCosta April 29, 2021, 3:45pm 4

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…

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

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

Related topics