Shopify themes, liquid, logos, and UX
Does anyone know how l can left align my product review stars on my product pages on mobile view? They are currently centre aligned - see below. I am using prestige theme.
Solved! Go to the solution
This is an accepted solution.
Oh I see the issue.
please replace the code with this code:
@media only screen and (max-width: 600px) {
#shopify-section-template--16816236462178__main .tydal-reviews-star-rating {
display: flex !important;
}
}
Hi @houseof9
let try to add this custom CSS code:
@media only screen and (max-width: 600px) {
#shopify-section-template--16816236462178__main .tydal-reviews-star-rating {
display: flex;
}
}
Thank you, unfortunately it did not work. I tried to add it to the theme.css file, is that the correct way? If so, it did not work.
can you add to your file theme.css to let me check why it not work?
Thanks, I have just added it
This is an accepted solution.
Oh I see the issue.
please replace the code with this code:
@media only screen and (max-width: 600px) {
#shopify-section-template--16816236462178__main .tydal-reviews-star-rating {
display: flex !important;
}
}
Thanks so much that worked!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025