"Product Reviews" by Shopify stars uncentered

Store Design
1

Hello. Our team has been stuck on this issue with the “Product Reviews” app by Shopify. The theme we are currently testing/using is Dawn. At the bottom of our main product page (https://calx.shop/products/revolution-watch), the stars and text are perfectly fine on desktop (see below).

CALX_Admin_1-1668471107107.png
CALX_Admin_1-1668471107107.png279×113 4.61 KB

However, when viewed on mobile, the text shifts to the right with the stars remaining to the left (see below).

CALX_Admin_6-1668471252955.png
CALX_Admin_6-1668471252955.png828×299 19.2 KB

The issue can be found only on mobile and is located directly above the footer of our product page (https://calx.shop/products/revolution-watch). Thank you.

1 Like
2

Hello @CALX_Admin

I would like to give you some recommendations to support you

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
3

Hi @CALX_Admin .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

@media(max-width: 767px){
.spr-starrating{
display: flex !important;
justify-content: center !important;
}
}

Hope this answer helps.

Best regards,

Richard | PageFly

4

@CALX_Admin

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?