Hi there! I am currently building our online store - not released yet on a domain. I am using Narrative Theme and have a question about making pages full-width. The home page is full-width by default. However the custom page templates I am creating (Narrative does not come with many page templa…

@valdemarost Thanks for URL. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .page-width { max-width: 100%; } .template-page .medium-up--four-fifths { width: 100%; left: 0 !important; }

@jjjjjjjj if possible to share a particular page URL.

thanks for coming back so quickly. Heres a page I’d like wider https://jgcontemporary.art/pages/about-us .

Hey @KetanKumar , That worked brilliantly for me. Btw, I just wanted you to know that I am a big fan of your work. Thank you so much. Regards Rohan Tuteja

@jjjjjjjj Thanks for the page URL Go to Online Store->Theme->Edit code Asset->/styles.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second #page-about-us .central.content { max-width: 100%; width: 100%; padding: 0; } #page-about-us .rte.cc-animate…

@rohantuteja it’s my pleasure to help us

@jjjjjjjj i think the current look it proper spacing overall page please don’t change anything is fine now

Ok thank you. How about if I wanted to add an image as a banner on the same page. Is this possible? Thank you so much in advance.

@jjjjjjjj yes, please use same code

@KetanKumar just for my interest, does this code works on all debutify themes? I added the code above in my debutify scss and nothing changed so far?! If you don’t mind you can check it under https://der-salon.eu/pages/friseur-rostock I actually want that page template full width and with no breadcr…

How can I make a custom page template full width in Narrative theme?

Store Design

jjjjjjjj February 18, 2021, 11:06am 44

That’s amazing! Thank you so much!

How could I make the text slightly narrow but leave the image as is?

1 Like

Topic		Replies	Views
Product Pages are Half Width on Computer Screen Technical Q&A	5	32	December 6, 2021
Dawn Theme - product grid/collection page & Product page full width Store Design design , customizations , collection-page , css , html , product-page	0	15	February 7, 2024
Make existing Page Template full width District theme Store Design	1	35	November 18, 2021
Full width on a custom template using Brooklyn Store Design	8	44	September 15, 2021
Change single page width - Shopify Debut Theme Technical Q&A	7	52	May 14, 2022

How can I make a custom page template full width in Narrative theme?

Related topics