[Resolved] Single product page style

Home Forums Support [Resolved] Single product page style

Home Forums Support Single product page style

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1633043
    Denis

    Hello,

    I would like to change the look – the order of appearance of elements on a single product page.

    Details in a private message.

    Thank you!

    #1633172
    Ying
    Staff
    Customer Support

    Hi Denis,

    Try this CSS:

    @media (max-width: 768px) {
        .product {
            display: flex;
            flex-direction: column;
        }
        p.has-text-color.has-text-align-right.has-vivid-red-color {
            order: -1;
        }
        .summary.entry-summary {
            order: 1;
            display: flex;
            flex-direction: column;
        }
        .woocommerce-product-rating {
            order: 1;
        }
        .custom-woo-wrap {
            order: 2;
            display: flex;
            flex-direction: column;
        }
        .woocommerce-tabs.wc-tabs-wrapper {
            order: -1;
        }
    }

    Let me know πŸ™‚

    #1633241
    Denis

    Thank you very much for the quick and accurate solution! πŸ™‚

    #1633242
    Ying
    Staff
    Customer Support

    No problem Denis πŸ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.