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

Store Design
41

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

42

@jjjjjjjj

Thanks for the page URL

  1. Go to Online Store->Theme->Edit code
  2. 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-init.-in.cc-animate-complete p {
    padding: 0px 15px;
}
43

@rohantuteja

it’s my pleasure to help us

44

That’s amazing! Thank you so much!

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

45

@jjjjjjjj

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

46

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.

47

@jjjjjjjj

yes, please use same code

48

@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 breadcrumb menu and space between main menu and hero section. Is there a chance for this? I appreciate your help. :slightly_smiling_face:

49

@hairexpert

thanks for the post can you please try this

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

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

Best regards

51

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

52

teocku is the password

53

The password is teocku, thank you so much

54

@MuradNofal

Thanks for the password but sorry we are not able to store it.

KetanKumar_0-1615405102303.png
KetanKumar_0-1615405102303.png1920×1080 224 KB

55

Just fixed it, sorry about that

56

@MuradNofal

no rush.

Thanks for update.

57

This worked perfect, thanks for your help. Is there actually a possibility to set page width per section as it is on homepage too?

58

@hairexpert

thanks for your compliments please store url and screenshot what do you want?

59

Hi @KetanKumar ,

I want to bring the content on a specific page to width: 100%.
It’s about this page: https://leemo.shop/pages/deine-galeriewand

Currently, I have this code:

#deine-galeriewand .main-content {
  	width: 100% !important;
    margin: 0 auto !important;
}

But something is wrong. Do you have a tip on how I can solve this issue?

Thank you!

60

@KetanKumar I was already able to fix the problem myself.