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

Store Design
161

@Kornkiste

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. 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;
}
}
162

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

163

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!

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

165

Hi Ketan,

Could I also get help to make my custom pages full width?

website: www.tennisspotau.com

password: yeitas

As you can see below, the top row is inserted using theme editor, while the next row is a page element. My main intention is to make both margins match.

How do I either adjust margin of the elements from the theme editor (such as this multi-column asset) to be more narrow, or adjust the page content (e.g. “Book a Coach”) to be more wide? Would be great if all elements could just match the width as set under Theme settings > Layout > Page width, but even when I adjust this, there is inconsistency between the theme editor assets vs the page content.

Thanks!
Lili

Screen Shot 2023-07-23 at 11.02.36 pm.png
Screen Shot 2023-07-23 at 11.02.36 pm.png2836×1524 274 KB

166

hello, could you please with the custom page full width issue please? thank you!

167

lol…i have pasted this code in dawn 12.0 base.css and it works…now all pages are full width on my store… are you putting it in base.css, if not - try once.

168

Hi Ketan,

I’m having the same problem, specifically in my product page. I am using a 3rd party theme called Alchemy. I was wondering if you could help?

URL: rebellivn.myshopify.com

169

Hi @KetanKumar ,

I’m having the same problem, specifically in my product page. I am using a 3rd party theme called Alchemy. I was wondering if you could help?

URL: rebellivn.myshopify.com

170

Seems your issue is resolved on rebellivn.myshopify.com.

171

@CyberdyneJoule

can you please share issue image?

172

Hi @KetanKumar ,

I want to do the same with my website as well! I’m using the Empire theme.

  1. I want the “image with text overlay” section to span the whole width of the page
  2. and remove the padding between the header and the “image with text overlay” section right under it, just like @scrolldesigner wanted above.

I can guess it’s a variation of the above code you pasted, but it wouldn’t work for me as I don’t have a page named “consultations”. Thanks so much for your help!

173

Hi, my site roussan.net uses Trade theme. How can I make all pages and posts template full width in Trade theme? Thanks in advance.

174

@roussanmachine oh sorry that issue and late reply i hope you are find best solution but if still there let me know.