Shopify themes, liquid, logos, and UX
Hi All, I am trying out the Narrative theme for the first time. Everything looks nice and clean BUT then I discovered the product page...
I would like to get the product image on the left side and description quantity, add to cart button etc. on the right side next to the image.
Any advice on what to do here?
Solved! Go to the solution
This is an accepted solution.
thanks for store url can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.product-template__media.page-width.page-width--no-gutter {
float: left;
width: 50%;
}
.product__content.page-width {
float: left;
width: 50%;
}
.product__content-main {flex-wrap: wrap;}
.product__description, .product__form-container {width: 100%;}
}
After Code Layout
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
This is an accepted solution.
thanks for store url can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.product-template__media.page-width.page-width--no-gutter {
float: left;
width: 50%;
}
.product__content.page-width {
float: left;
width: 50%;
}
.product__content-main {flex-wrap: wrap;}
.product__description, .product__form-container {width: 100%;}
}
After Code Layout
worked perfectly! Appreciate!
it's my pleasure to help us
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024