How to make rating star count number be beside the rating stars?

Topic summary

A user is trying to reposition the rating count number to appear beside the star ratings instead of below them on their product page.

Current Issue:

  • The rating count displays underneath the star ratings rather than aligned horizontally to the right
  • Affects the product page layout at audette.store

Proposed Solution:
Another user provided CSS code to be added to the theme.liquid file (above the </body> tag). The solution appears to work for desktop view, as evidenced by a result screenshot.

Outstanding Question:
The original poster asked how to apply this fix for mobile devices, indicating the solution may not be responsive or mobile-optimized yet. The discussion remains open with this mobile implementation question unanswered.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

As you can see from my image, the count number is currently below the rating stars, how do i bring the count number up to be beside the rating stars on the right?

my webpage is: https://www.audette.store/products/lip-tint-treatment

1 Like

Hey @withaudette

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

how do i do this for mobile?