Stars reviews on mobile version and - by jimjim93

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

  • Avatar: jimjim93
    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.
    10 Answers
    Avatar: jimjim93
    jimjim93
    Participant
    October 3, 2018 at 10:58
    Avatar: Rose Tyler
    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

    Avatar: jimjim93
    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

    Avatar: Rose Tyler
    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

    Avatar: jimjim93
    jimjim93
    Participant
    October 3, 2018 at 16:18

    Perfect thank you !

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2018 at 16:31

    You’re welcome!

    Regards

    Avatar: jimjim93
    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

    Avatar: Rose Tyler
    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

    Avatar: jimjim93
    jimjim93
    Participant
    October 11, 2018 at 10:53

    Thanks !

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 11, 2018 at 11:18

    You’re welcome!

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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