Return to previous page

Review stars disappear on smartphone - by Lily

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

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

#177143 Copied

19 Answers
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
#177184 Copied
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

#177305 Copied

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

#177307 Copied

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.

#177898 Copied

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

#177904 Copied

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.

#178325 Copied

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

#178334 Copied

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.

#178447 Copied

Rose Tyler

Support staff

November 23, 2017 at 13:10

Hello,

Could you please provide FTP credentials?

Regards

#178465 Copied

Lily

Participant

December 6, 2017 at 10:35

Sorry for the delay in responding.

FTP dtails below

Please, contact administrator
for this information.

#179425 Copied

Rose Tyler

Support staff

December 6, 2017 at 10:51

Hello,

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

Regards

#179427 Copied

Lily

Participant

December 13, 2017 at 00:41

Hi,

I have placed the correct FTP below.

Thanks

Please, contact administrator
for this information.

#179972 Copied

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

#179995 Copied

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.

#183077 Copied

Rose Tyler

Support staff

January 26, 2018 at 13:30

Hello,

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

Regards

#183086 Copied

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.

#183244 Copied

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

#183248 Copied

Lily

Participant

January 31, 2018 at 12:34

Thanks 🙂

#183444 Copied

Rose Tyler

Support staff

January 31, 2018 at 13:10

Hello,

You’re welcome!

Regards

#183452 Copied
Viewing 20 results - 1 through 20 (of 20 total)