[josoneryx1890_1-1719810526751.png] [josoneryx1890_2-1719810603109.png] Guys please help me how to make this collection page (left) like this on the right (edit on PS)

Hello @josoneryx1890 Please add this code in your base.css file @media screen and (min-width: 750px) { .section-template--22539441996064__collection_list_pTQBXp-padding { max-width: 100% !important; } } result will be [3.png] If this was helpful, hit the like button and mark the job as…

@josoneryx1890 Please follow below steps to increase the width of the collection list. Let me know whether it is helpful for you. From admin go to “Online Store” → “Themes”. Click “Customize” button from the current theme. Click “Collection list”. [Vinsinfo_0-1719811643926.png] Then scroll dow…

It’s not working :disappointed_face:

Hi @josoneryx1890 , go to base.css file and add the following code : .collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--22539441996064__collection_list_pTQBXp-padding { max-width: 100%; }

It’s not working :disappointed_face:

@josoneryx1890 try to add this code instead : .collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--22539441996064__collection_list_pTQBXp-padding { max-width: 100% !important; }

Still not working :disappointed_face: Thank u

@josoneryx1890 , I don’t see the code inside the “base.css” file?

@josoneryx1890 Can you please paste the above code by following the steps we provided and let me know? So that, I can check why it is not working and provide solution based on it.

https://72d12c-be.myshopify.com/ here is the link of our shop

https://72d12c-be.myshopify.com/ here is the link of our shop this is the code that i tried .collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template–22539441996064__collection_list_pTQBXp-padding { max-width: 100% !important; }

Fit product collection on frame border

Store Design

josoneryx1890 July 1, 2024, 5:44am 3

It’s not working

Topic		Replies	Views
How to make Collection list on homepage full wide screen Store Design design	1	40	January 13, 2024
How to make a specific collection list full width Store Design shopify-themes	6	102	September 5, 2024
Make products full width on collection page Store Design design , customizations , collection-page , css	3	54	June 23, 2024
How to minimize page width for collection - Baseline theme version 3.0.4 Store Design design , customizations , collection-page , html	3	51	January 2, 2024
How to increase the width of collection list in the home page of Brooklyn theme Store Design	5	85	September 3, 2022

Fit product collection on frame border

Related topics