Shopify themes, liquid, logos, and UX
Thanks in advance for your time and kind assistance.
How do I move the picture to the left side, have the title price and description in the middle, and add to cart on the right.
Please see my product page: https://organicmountainfarms.com/collections/subscription-products/products/organic-fruit-assortment...
I would like to make it look like this.
Solved! Go to the solution
This is an accepted solution.
.product-single__description.rte {
width: 50%;
}
.product-form.product-form-product-template {
float: right;
}
@media only screen and(max-width:750px){
.product-single__description.rte {
width: 100%;
}
.product-form.product-form-product-template {
float: right;
}
}
please update the code.
.product-single__description.rte {
width: 50%;
}
form#product_form_6576105980002 {
float: right;
}
@media only screen and(max-width:750px){
.product-single__description.rte {
width: 100%;
}
form#product_form_6576105980002 {
float: right;
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Note : If you are having already 750px media, then no need to add extra 750px media just add css in it.
I loaded it as you indicated. The weird thing is that it only worked on the one product provided as an example.
All of the other products in all collections seemed to ignore the changes.
Can you please help me make this change across all products in all collections?
I am really grateful for your help.
This is an accepted solution.
.product-single__description.rte {
width: 50%;
}
.product-form.product-form-product-template {
float: right;
}
@media only screen and(max-width:750px){
.product-single__description.rte {
width: 100%;
}
.product-form.product-form-product-template {
float: right;
}
}
please update the code.
Thank you so much.
Your Most Welcome!
Feel free to ask again.
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