Solved

Brooklyn Theme - Edit Code to Full Width For All Pages

Rose2002
Tourist
8 0 6

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

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)

KetanKumar
Shopify Partner
36839 3635 11972

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rose2002
Tourist
8 0 6

Thank you so much!!

KetanKumar
Shopify Partner
36839 3635 11972

@Rose2002 

Thanks for store URL sorry but is password protect 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rose2002
Tourist
8 0 6

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

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rose2002
Tourist
8 0 6

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

Rose2002
Tourist
8 0 6

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. 

KetanKumar
Shopify Partner
36839 3635 11972

@Rose2002 

Yes, please as you like.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Homonoiaparis
Visitor
2 0 0

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 !

KetanKumar
Shopify Partner
36839 3635 11972

@Homonoiaparis 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ausgefuchst_Art
Tourist
7 0 6

@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