how to decrease page width of product page without decreasing page width anywhere else
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 🙂
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
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
