Place product page content in the center only desktop -Brooklyn theme

Solved
Pam9
Excursionist
18 0 6

Hey, 

1. I would like to know how to place the product page's content in the middle only on desktop.

 

2. How can I increase the left margin in collection page on mobile only?

 

3. How can I decrease the margin between product image and logo on product page?

 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24997 2502 9045

This is an accepted solution.

@Pam9 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-single {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body.template-product .main-content {
    padding-top: 0px;
}
@media screen and (max-width: 590px) {
#CollectionSection {
    padding: 0px 15px;
}
}

 

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 10 (10)
KetanKumar
Shopify Partner
24997 2502 9045

@Pam9 

Sorry you are facing this issue, it would be my pleasure to help you.

Please share your site URL,
I will check out the issue and provide you 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
Zworthkey
Shopify Partner
2571 309 641

@Pam9 
Hi, 
Welcome to the Shopify Community.
We are always happy to help you.
Sir, Kindly Share your  Store URL.

Thank you.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pam9
Excursionist
18 0 6

Hey @KetanKumar ,

 

thank you for the willingness to help!

 

Pam9
Excursionist
18 0 6

Hey @Zworthkey ,

 

thank you for the reply.

 

Pam9
Excursionist
18 0 6

I have figured out the 2 and 3 so you can help me with number 1.

KetanKumar
Shopify Partner
24997 2502 9045

This is an accepted solution.

@Pam9 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-single {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body.template-product .main-content {
    padding-top: 0px;
}
@media screen and (max-width: 590px) {
#CollectionSection {
    padding: 0px 15px;
}
}

 

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

Pam9
Excursionist
18 0 6

Wow! It worked! Thank you so much. I appreciate it.

 

In case I want to decrease the size of the product description table, would it still be in the middle?

KetanKumar
Shopify Partner
24997 2502 9045

@Pam9 

yes  please try this global code work as well

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
Pam9
Excursionist
18 0 6