Archived topic
Single Product Page - Switch sides (Image to the right, Product info left)
3 replies · Started by Kevin on May 19, 2020
Viewing posts 1–4 of 4
Hello.
I would like to flip top part of the single product page.
I would like to have product image appear right side and have right side (product name, price, short description..etc) appear to the left half. Basically flip sides.
Is there simple way to achieve this?
Also, I would only like this to happen when it's desktop/tablet view. Would like image on top when it's mobile view.
Thank you.
Hi there,
try adding this CSS:
@media (min-width: 769px) {
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: right;
margin-right: unset;
margin-left: 4%;
}
}Thank you.
You're welcome
This archived topic is closed to new replies.
