Review stars disappear on smartphone - by Lily

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

  • Avatar: Lily
    Lily
    Participant
    November 8, 2017 at 17:45

    Hi,

    When i view a page like this one: https://www.lilygardner.com/product-category/men/cufflinks/ I can see the five red stars under one product, but when I view on a mobile phone the stars disappear.

    See here: https://screencast.com/t/cTN426PFAp5q

    19 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2017 at 09:05

    Hello,

    You may add this code in custom.css:

    @media (max-width: 480px) { 
    .products-grid .product .star-rating {
        display: block;
        margin: auto;
    }
    }

    Regards

    Avatar: Lily
    Lily
    Participant
    November 10, 2017 at 10:08

    Hi,

    I have applied the CSS but the review stars are still not showing, see here: https://www.screencast.com/t/jNtwF8k8

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2017 at 10:12

    Hello,

    I do not see the code in console on your site.
    Could you please provide wp-admin access in Private Content?

    Regards

    Avatar: Lily
    Lily
    Participant
    November 17, 2017 at 12:35

    This is wierd this is the second qestion I thought I had already supplied private information.!

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 17, 2017 at 13:11

    You need to add custom css code in custom.css file of legenda parent theme or in style.css file of child theme. Custom.css file of child theme woun’t work correctly, so I would recommend you to transfer all your custom code in style.css file of child theme.

    Regards

    Avatar: Lily
    Lily
    Participant
    November 22, 2017 at 13:37

    Hi,

    That is strange the the custom.css is no longer working.

    I have added the code but there is still now ‘review’ stars showing.

    it maybe becuase of this CSS

    @media (min-width:480px){
    .products-grid .product .add-to-container{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    }
    }

    Which is being used to change the depth of the price in relation to the product name on category pages on mobile phones.

    See this support question: https://www.8theme.com/topic/css-for-mobile-phone-view-on-category-page/

    maybe the two need merging… ?

    I will start to migrate all CSS to style.css in child theme.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 13:59

    You may merge these 2 codes in 1 media query @media (min-width:480px){ }

    Regards

    Avatar: Lily
    Lily
    Participant
    November 23, 2017 at 11:54

    Hi,

    I added this merged

    @media (min-width:480px){
    .products-grid .product .add-to-container .star-rating{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    margin: auto;
    }
    }

    But nothing happens, except the price is closer to the bottom of the product image/anme on mobile device.

    But still no stars appear.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 23, 2017 at 13:10

    Hello,

    Could you please provide FTP credentials?

    Regards

    Avatar: Lily
    Lily
    Participant
    December 6, 2017 at 10:35

    Sorry for the delay in responding.

    FTP dtails below

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 6, 2017 at 10:51

    Hello,

    Unfortunately, I can’t connect to your files via FTP. Please check.

    Regards

    Avatar: Lily
    Lily
    Participant
    December 13, 2017 at 00:41

    Hi,

    I have placed the correct FTP below.

    Thanks

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 13, 2017 at 08:54

    Hello,

    Please check the credentials one more time http://prntscr.com/hmtr6n
    Shall we provide our IP address to put it into whitelist on the server?

    Regards

    Avatar: Lily
    Lily
    Participant
    January 26, 2018 at 12:09

    Hi,

    Sorry for the delay in getting back to you

    I think the issue is you don’t need to use Explicit FTP, I used ‘PLain FTP’ and logged in with no problems.

    Let me know if there still an issue and I will investigate some more.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 26, 2018 at 13:30

    Hello,

    Please see this screenshot http://prntscr.com/i5vp90

    Regards

    Avatar: Lily
    Lily
    Participant
    January 29, 2018 at 14:05

    Hi,

    Not sure what you are doing wrong, but the details I gave as exactly the correct details.

    I copied and pasted what I provided you with.

    Try Cpanel, I have tested and I can login

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 29, 2018 at 14:29

    Hello,

    Please change this code https://prnt.sc/i75rab to http://prntscr.com/i75rlp

    Regards

    Avatar: Lily
    Lily
    Participant
    January 31, 2018 at 12:34

    Thanks 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2018 at 13:10

    Hello,

    You’re welcome!

    Regards

  • Viewing 20 results - 1 through 20 (of 20 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.