Return to previous page

Single product page order mobile - by emil

This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

emil

Participant

March 1, 2018 at 21:00

Hi there,

On mobile the description is under the product. I want to add the “Add to cart button” under de product and description to be the last section.
See here:
http://prntscr.com/iljshu

Thank you!

Best regards,
Horea

#186869 Copied Theme version: Drink Store

1 Answer

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

#186972 Copied