Brooklyn Theme - Edit Code to Full Width For All Pages

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

KetanKumar
Shopify Partner
20634 2141 7814

@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
20634 2141 7814

@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
20634 2141 7814

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

0 Likes
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
20634 2141 7814

@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