Return to previous page

View switcher on mobile - by ziga32 - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 3 years ago ago by ziga32

ziga32

Participant

November 2, 2021 at 11:41

How can I use view switcher on mobile?
https://i.imgur.com/emVYmCE.png

I tried
.view-switcher {
display: inline!important;
}

but no

#307268 Copied Theme version: 8.0.5 WooCommerce version: 5.6.0

6 Answers
Rose Tyler

Support staff

November 2, 2021 at 13:52
Hello,

Add the next code in Theme options > Theme custom CSS > Mobile:
```
.filter-wrap .view-switcher {
    display: flex !important;
}
```
Regards
#307288 Copied
ziga32

Participant

November 2, 2021 at 14:04

thank you, but not working

#307291 Copied
Rose Tyler

Support staff

November 2, 2021 at 15:24
Change the code to
```
body .filter-wrap .view-switcher {
     display:flex !important
 }
```
Regards
#307303 Copied
ziga32

Participant

November 2, 2021 at 15:31

thank you, now it’s showing, but not working 🙁
https://nova.adles.si/dolzinsko-sirinsko-lepljene-masivne-plosce/sirina-lamele-40-mm/

#307304 Copied
Olga Barlow

Support staff

November 2, 2021 at 17:17
Hello,

Add the below code in addition
```
@media only screen and (max-width: 992px){
    .products-list .product .product-image-wrapper {
        width: 50%!important;
        float: left;
        margin-right: 10px;
    }
    .products-list .product .product-details {
        width: 50%;
        float: none;
        vertical-align: middle;
        display: table-cell;
    }
}
@media only screen and (max-width: 768px){
    .products-list .product {
        width: 100%;
    }
}
```
Regards
#307331 Copied
ziga32

Participant

November 2, 2021 at 18:03

great, thank you!

#307334 Copied
Tagged: friendly, mobile, optimized, themes, view switcher, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)