Customer review title

Store Design
1

Hi everyone,

I’m using Ali Reviews on my product pages and noticed that on mobile and tablet, the “Customer Reviews” title isn’t centered, while it looks fine on desktop.

I’ve checked the app settings but couldn’t find an option for mobile alignment.

Has anyone dealt with this before or knows an easy way to fix it without editing too much code?

2 Likes
2

@ryan.smiths Thanks for reaching out to Shopify community with your concern. Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

3

@ryan.smiths Thanks for reaching out to Shopify community with your concern. You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.css or style.css file.

.alireviews-review-box .alr-wh-comp-review-box-title {
justify-content: center;
}

4

Hi @ryan.smiths ,

Try this:

  1. Go to Online Store → Themes → Edit code .
  2. Open your main CSS file:
  • base.css
  • theme.css
  • or styles.css (depends on your theme).
  1. Add this code at the bottom of the file:
@media (max-width: 768px) {
  .ali-reviews-title,
  .ali-reviews-header,
  .ali-reviews-block .title {
    text-align: center !important;
    justify-content: center !important;
  }
}
  1. Save and refresh your mobile view.
1 Like
5

Hi @ryan.smiths

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

6

(post deleted by author)