Return to previous page

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

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.(?)

#310687 Copied Theme version: 8.0.10

3 Answers
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
#310723 Copied
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.

#311196 Copied

Rose Tyler

Support staff

December 8, 2021 at 08:51

Hello,

No, there is no such possibility, unfortunately.

Regards

#311209 Copied
Tagged: mobile, product, responsive, themes, view, woocommerce, wordpress
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

Product view should be different on Desktop and on Mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection