Product view should be different on Desktop and on Mobile

This topic has 4 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Rose Tyler

  • Avatar: sisalik
    sisalik
    Participant
    December 2, 2021 at 14:05

    Hi!
    The product view on Desktop view looks ok, but on Mobile view this should have different block orders. How to accomplish that?
    Also for some reason the products prices are not shown on Mobile devices.(?)

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 2, 2021 at 15:56

    Hello,

    Unfortunately, we don’t have option to change the order of the blocks for the mobile devices.
    You may try to add the below code to Theme Options > Custom CSS to change the order

    @media only screen and (max-width: 992px ){
        .single-product-builder > div > div .row {
            display: flex;
            flex-direction: column;
        }    
        .element-TFML4 {
            order: 1;
        }    
    }

    I see the product price for the mobile https://prnt.sc/21eo9hl

    Regards

    Avatar: sisalik
    sisalik
    Participant
    December 7, 2021 at 20:05

    Thank you!
    Can I duplicate elements, so I could hide/show different elements on Mobile/Desktop?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 8, 2021 at 08:51

    Hello,

    No, there is no such possibility, unfortunately.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Product view should be different on Desktop and on Mobile’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.