Move product image below the short description

Hi there,

can you share a link to the site? You can edit your original topic and use the Site URL field for privacy.

Hi David,

My website is in maintenance mode right now. It's just the standard WooCommerce structure with product image first followed by the short description of that product.

I assume this is just on mobile? Does the image stay left, summary on right for the desktop?

Hi David,

I just want to change the order so that the short description appears first and then the gallery of that product. Currently, it shows the image first and then the short description on both mobile and desktop as it's supposed to. Please see the link above to see what I'm talking about. I know it's not WooCommerce there but that's how I want it to look.

OK so give this a shot:

@media (max-width: 768px) {
    .woocommerce.single-product div.product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .woocommerce.single-product #content div.product div.summary {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;    
    }
}