[Resolved] Single Product Page – Switch sides (Image to the right, Product info left)

[Kevin]

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.

[David]

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%;
    }
}

[Kevin]

Thank you.

[David]

You’re welcome

[Author]

Posts