Brooklyn Theme - Edit Code to Full Width For All Pages

Store Design
1

Hi,

I used Brooklyn theme and noticed that on mobile devices like my iPhone the text width of the pages, such as About Us, fills the entire screen. However, on the computer the text is in a column and sides of screen are white. After doing some research I am pretty sure that the code was set up to not be full width on computer screens. I want to edit this so all pages including the custom pages width is full width (text fills both sides of screen). How should I edit the code to make this happen? Thank you so much!!

2

@Rose2002

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

3

https://buttecountyyouthsportsandeducationfoundation.org

4

Thank you so much!!

5

@Rose2002

Thanks for store URL sorry but is password protect

6

Try Water that should let you in. I am just making a few last edits before it goes live.

7

@Rose2002

Yes, try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.wrapper {
    max-width: 100%;
}
8

Yay, that worked thank you so much!! That was a huge help!!! :slightly_smiling_face:

9

Also I accidently muted our conversation, I was just trying to delete the post with my website and temporary password. This conversation can be public in case others have this problem too.

10

@Rose2002

Yes, please as you like.

11

Hello,

I have a similar problem.
I also use the Brooklyn theme, as well as Pagefly.
My homepage has full width, but none of my other pages have it. How can I have all my pages in full width please?
My site : https://homonoia-paris.com/collections/frontpage

Thank you !

12

@Homonoiaparis

thanks for the update i can see full width now what’s an issue now?

13

@KetanKumar

Hello KetanKumar,

is there a way I could apply an adjusted width only to specific sites / pages? For example I want the gallery page to be 100% width and the product page to be let’s say 75%.

Many thanks in advance. I hope this long time after answers will be given here.

Kindest regards