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

That’s amazing! Thank you so much! How could I make the text slightly narrow but leave the image as is?

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

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

@hairexpert thanks for the post can you please try this Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. #friseur-rostock main.main-content {padding-top: 0;} #friseur-rostock main.main-content .wrapper {max-width: 100%;}

Hello, I am using Envy theme for my store, the url is https://wearthepeace-clothing.myshopify.com we still havent connected the domain from our current store I would also like to have a full width custom page on my site especially the store page, how would i be able to do that Thank you so much i…

@MuradNofal Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. sorry your store is password protect can you Please share I will check out the issue and provide you a solution here.

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

Store Design

KetanKumar February 18, 2021, 11:53am 47

@jjjjjjjj

yes, please use same code

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

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

Related topics