Hello Everbody! 
My website is Shopkindergo.com… I need to decrease the page width of my product page
I want the product page width to be decreased so that all the information including pictures fits into that red circle…
I also do not want to change the website page width anywhere else on the website because i like the page width the way it is… I only want to change the product page width.
If anybody knows the solution if you could share it with me that would be appreciated if it works I will definitely upvote it and mark as accepted solution. Thanks
1 Like
Hello,
@media screen and (min-width: 750px) {
section#MainProduct-template--22962994774297__main .page-width {
width: 63% !important;
}
}
IF you use this code in your
Online Store->edit code-> base.css area, it will only effect in product page as you will notice we select the product page templates.
The global page-width class will change all site page class.
Hope this will solve your issues.
Thank you
1 Like
Hello, If you want to change the product page only the above code will work other wise it will impact your inner page like about us page etc.
Thank you
