Return to previous page

Stars reviews on mobile version and - by jimjim93

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

jimjim93

Participant

October 3, 2018 at 10:57

Hi,

Is it possible to display the star rating for each item in the list on the mobile version? As on the desktop version.

And the posting of reviews on mobile is bad, what is the problem ?

Thank you

Please, contact administrator
for this information.

#200383 Copied Theme version: 1.0 WooCommerce version: 3.4.5

10 Answers

jimjim93

Participant

October 3, 2018 at 10:58

Screenshot :

https://ibb.co/nOJHEK

https://ibb.co/j9scEK

https://ibb.co/eJyv1z

#200384 Copied
Rose Tyler

Support staff

October 3, 2018 at 11:17
Hello,

Please add this code in style.css file of your child theme:
```
@media (max-width: 480px) {
    .slide-item .product .star-rating, .products-grid .product .star-rating, .products-page-cats {
        display:  block;
    }
    .single-product #reviews .comment_container {
        border: none;
    }
    .single-product .comment_container .description {
        margin-top: 10px;
    }
    .single-product .comment_container .adsw-gallery {
        padding-left: 0px;
    }
}
```
Regards
#200385 Copied
jimjim93

Participant

October 3, 2018 at 15:30

Nice thank you very much !

And for bad display of reviews ? An idea ?

https://ibb.co/nOJHEK

#200400 Copied
Rose Tyler

Support staff

October 3, 2018 at 15:34
Hello,

Please change the previous code to:
```
@media (max-width: 480px) {
    .slide-item .product .star-rating, .products-grid .product .star-rating, .products-page-cats {
        display:  block;
    }
    .single-product #reviews .comment_container {
        border: none;
    }
    .single-product .comment_container .description {
        margin-top: 10px;
    }
    .single-product .comment_container .adsw-gallery {
        padding-left: 0px;
    }
    .single-product #reviews ol.commentlist li {
        float: left;
        margin-top: 15px;
    }
}
```
Regards
#200402 Copied
jimjim93

Participant

October 3, 2018 at 16:18

Perfect thank you !

#200403 Copied

Rose Tyler

Support staff

October 3, 2018 at 16:31

You’re welcome!

Regards

#200405 Copied

jimjim93

Participant

October 11, 2018 at 07:56

Hi !

I have one more question, is it possible to display 2 products per row on mobile version ?

Jimmy

#200899 Copied
Rose Tyler

Support staff

October 11, 2018 at 08:12
Hello,
```
@media (max-width: 480px){ 
    .sidebar-position-without .products-grid.product-count-4 .product:nth-child(n) {
        width: 50%;
    }
}
```
Regards
#200902 Copied
jimjim93

Participant

October 11, 2018 at 10:53

Thanks !

#200918 Copied

Rose Tyler

Support staff

October 11, 2018 at 11:18

You’re welcome!

Regards

#200921 Copied
Viewing 11 results - 1 through 11 (of 11 total)