Reply 186972 to: Single product page order mobile

Avatar: Rose Tyler
Rose Tyler
Support staff
March 2, 2018 at 13:57

Hello,

You can add this css code in Theme Options > Styling > Custom css > Custom css for mobile:

.single-product .fixed-content {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.single-product .short-description,
.single-product .product-information .yith-wcwl-add-to-wishlist, .single-product .product-info-wrapper .yith-wcwl-add-to-wishlist, .single-product .product-summary-center .yith-wcwl-add-to-wishlist,
.single-product .product-information .product_meta, .single-product .product-info-wrapper .product_meta, .single-product .product-summary-center .product_meta,
.single-product .product-content .compare,
.single-product .product-share {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.