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

Hi! @KetanKumar I’m using the ENVY theme on missmodaluxe.co.uk and need to remove the margins on the collection pages to make them full width - please see link https://missmodaluxe.co.uk/collections/black-friday

Hi @KetanKumar I am using Editions theme from pixel union would you be able to help provide code to make specific pages max width? Especially blog pages? www.ph5.com

Hello, I am having the same issue as this thread. I would like my “Our Story” page, which is built on Shopify to be full width, but I don’t want the code to affect the rest of the website. https://osorealcereal.com/pages/our-story Pass: Osoreal1 Thank you

Hi @KetanKumar I was hoping you could help me out as well. The theme we’re using is Empire. The URL is shop.myrontoback.com Thank you

@davidklein yes, please try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. .template-page .page-content.rte { max-width: 1600px; /* change value as you like if you need full more screen replace 1600px to 100% */ }

Hello everyone I want to reduce just the description width. Since that code doesn’t work, I’m not making any progress .product-single__description { padding-left:0px; padding-right:40%; } Homepage: https://unverpackt-versand.de/products/4peoplewhocare-sonnencreme I hope anyone can help me Than…

@Kornkiste can you try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. @media only screen and (min-width: 766px) { .rte { padding-left: 0; padding-right: 0; } }

Hello, I’ve tried a few of these suggestions but I cant get it to work on mine. I’m wanting this page: https://www.artattackangus.com/pages/whats-on to be full width, just this page so the widget has more room to be seen. Could you help? Thanks so much

Hi @KetanKumar I have WAREHOUSE theme but do not see a Asset->/theme.scss.liquid → Does it work differently with this theme? I am wanting to make ALL PAGES FULL WIDTH Many Thanks in Advance!

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

Store Design

sarto January 15, 2023, 11:13am 164

hi can you help me make my website to full width I removed the sidebar by everything is currently only at 75% to the left

thank you so much

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	70	September 15, 2021
Change single page width - Shopify Debut Theme Technical Q&A	7	78	May 14, 2022

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

Related topics