Moving Product Star Rating Above Product Image on Mobile?

52 0 1

I was able to move the product title above the image on mobile by following these instructions:


However I can't find any discussions on adding the product star rating above the mobile image. Our site is Brooklyn theme. It looks optimized for desktop ( but you can see on mobile the star rating falls below-the-fold. Ideally I would like it to be under the product title on mobile in regular font (not bolded as part of the header).

3 1 0

in your product.liquid template
Take your code which generate this output (this is your stars rating)
<span class="stamped-product-reviews-badge stamped-main-badge"></span>

and place it at this location, under title's tags

<h1>{{ product.title }}</h1>
<h2 class="product-single__vendor"> .... </h2>

-> place your stars code here <-

<hr class="custom-hr">
52 0 1

Hi, I appreciate your feedback but all that does is move the star rating into the product benefits header "Supports focus..." which is not what I'm trying to do. That is H2. I'm trying to move the product reviews below H1 but above the product image on mobile. You can see in the currently published version of the site that the product reviews are below H1 on the current version of the desktop site:


I just want it to look like that on mobile with that top heading section with the reviews above the product image.



For that You have to customize product-template.liquid

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit