Left align review stars on mobile - prestige theme

[houseof9]

Hi, l am wanting to left align my reviews on mobile view on the product pages. It is currently left aligned on web view but on mobile view is currently centre aligned like below. I am using prestige theme. Can anyone suggest how to do this?

[BiDeal-Discount]

Hi,

Can you share your store url & password (if applicable) to let me check & share the solution for you

[houseof9]

Thanks its www.houseof9.com.au

[BiDeal-Discount]

You can add custom CSS as below to your code, it will work perfectly:

@media only screen and (max-width: 600px){
  main .shopify-section--main-product .tydal-reviews-star-rating {
    display: flex;
  }
}

[houseof9]

Thank you! Where exactly do l add this code?

[BiDeal-Discount]

let come: Sale channels → Online Stores → Themes → choose your theme → click Edit code.

Search file base.css then add that code to the end of this file:

Don’t forget to click Save to store your change

[houseof9]

Sorry, l don’t have a base.css file, maybe because my theme is prestige? I only have these options. I tried to add the code to the theme.css file instead but it did not work.

[BiDeal-Discount]

Yeahh. Let try to add to file theme.css

[houseof9]

Unfortunately l did try that already and it didn’t work. Thank you anyway for trying to help!

[BiDeal-Discount]

I just check the file theme.css on storefront https://www.houseof9.com.au/cdn/shop/t/34/assets/theme.css?v=28638831955343582831744438165

but I don’t see that code so I guess your code you added not applying so you can’t see it work