Change description Width- Brooklyn Theme

Solved
Acash
Explorer
50 0 20

I would like to change the width of my product description section so that the full video can be displayed (currently the left hand side is cut off on the page)

Screenshot 2021-03-08 at 23.34.20.png

 

 

 

Website: www.live-better-store.com

0 Likes
dmwwebartisan
Shopify Partner
5805 1330 1703

This is an accepted solution.

@Acash 

Please add the following code at the bottom of your assets/theme.scss.liquid or assets/timber.scss.liquid file.

.template-product .wrapper {max-width: 100%;}
.header-container {position: initial !important;}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Acash
Explorer
50 0 20

Hi, thanks it worked on desktop view but on mobile view, it's the same issue. What code do I need to enter to make changes on mobile view as well please

dmwwebartisan
Shopify Partner
5805 1330 1703

@Acash 

Could you please provide a mobile screenshot of where you noticed the problem?

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Acash
Explorer
50 0 20

IMG_0939.PNG

This is how it looks like on the mobile view. Is it possible to make any changes to make the video screen look a bit wide? Currently looks like it has been cut off like in desktop view before. Any help will be appreciated

dmwwebartisan
Shopify Partner
5805 1330 1703

This is an accepted solution.

@Acash 

Please add this code for the mobile.

@media screen and (max-width: 590px){
.product-single__meta--wrapper {
padding-right: 0px !important;
padding-left: 0px !important;
margin: 0 0px !important;

}
.product-single__meta--wrapper {padding-left: 0px !important; padding-right: 0px !important;}

.grid, .grid--rev, .grid--full, .grid-uniform {margin-left: -1px;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Acash
Explorer
50 0 20

Thank you so much

Acash
Explorer
50 0 20

My website footerMy website footerexample website footerexample website footer

 

Hi, I would like to make some more changes to my footer if possible, please. Firstly is it possible to add a subscription section on the footer and remove the one above the footer? Also, remove the search bar and change the footer background colour to 50297A and text and icons to white. Let me know how much you can help me with this. You can also provide other ideas if it is too complex. Any help will be much appreciated

0 Likes