Hello Shopify Community, We want to make our collections banner images take 100% of the width of the page like they used to in the past. We’ve tried multiple approaches but nothing seems to work. Does anyone how we can fix this? Any advise will be appreciated. Bellow we provide some screenshots of …

@JH_TECH Add this You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (min-width: 750px) { .collection-hero__description { max-width: 100% !important; } } .collecti…

Collection page banner not taking 100% of the page's width

Store Design

niraj_patel August 1, 2024, 4:41pm 14

Welcome @JH_TECH

Topic		Replies	Views
Collection banner image full width of screen - dawn theme Store Design design , shopify-themes	13	90	February 13, 2024
Place collection image above description & full width on the collection page - sense Store Design design , customizations , collection-page , css , shopify-themes , troubleshooting	5	38	April 24, 2023
Full width/height image banner for collections - DAWN THEME Store Design design , collection-page	2	42	November 9, 2022
Collection page banner not taking 100% of the page's space Store Design design , customizations , troubleshooting	1	32	October 14, 2024
How do I add full width banner for each of the collections? Store Design	27	32	April 18, 2022

Collection page banner not taking 100% of the page's width

Related topics