Display Product Page Content As Full Width

Technical Q&A
1

Hello, the content on my product page used to be full width. Can someone please share the code to reduce the padding on the left and right. This is for mobile.
My website is www.checkoutfirst.com

Sample.png
Sample.png500×747 70.5 KB

1 Like
2 
@media screen and (max-width: 769px){
.wrapper {
    padding: 0;
}
div#shopify-section-template--14398650712137__main {
    padding: 0;
}
}

@checkoutfirst ,

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
3

@checkoutfirst

sorry for that but as per Google UI/UX required the same spacing so can you try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 769px){
.product-single .wrapper {
    padding: 0;
}
}
1 Like