How to move product title, price and review stars above product image for mobile only?

[dbacorp257]

Hi, I would like to move my product title, price and review stars above the product image on mobile only. My current theme is DAWN 11.0.

Can someone assist me with the coding for that. Please and thank you.

[Dan-From-Ryviu]

Hi @dbacorp257

Go to your Online store > Themes > Edit code > open main-product.liquid file, go to line 67 and copy this code below and add it to here

    
     {%- for block in section.blocks -%}
          {%- case block.type -%}
            {%- when '@app' -%}
              {% render block %}
                        {%- when 'title' -%}
        

          # {{ product.title | escape }}
           
            ## 
              {{ product.title | escape }}
            
          
        

            {%- when 'price' -%}
        
          {%- render 'price',
            product: product,
            use_variant: true,
            show_badges: true,
            price_class: 'price--large'
          -%}
        
  
            {%- when 'rating' -%}
              {%- if product.metafields.reviews.rating.value != blank -%}
                {% liquid
                  assign rating_decimal = 0
                  assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1
                  if decimal >= 0.3 and decimal <= 0.7
                    assign rating_decimal = 0.5
                  elsif decimal > 0.7
                    assign rating_decimal = 1
                  endif
                %}
                
                  
                

                

                  
                    {{- product.metafields.reviews.rating.value }} /
                    {{ product.metafields.reviews.rating.value.scale_max -}}
                  
                

                

                  ({{ product.metafields.reviews.rating_count }})
                  
                    {{- product.metafields.reviews.rating_count }}
                    {{ 'accessibility.total_reviews' | t -}}
                  
                

              {%- endif -%}      
            {%- endcase -%}
           {%- endfor -%}      
    

    
    

[oscprofessional]

Hello @dbacorp257

Please provide your store URL, so I can review it and provide a solution.

[dbacorp257]

Thank you so much!!! It worked PERFECTLY!!!

[farren_03-07]

Hello friend, sorry. I need help, how can I leave the star rating below the product title on the product page? Please I am using Shopify product review app and Debutify theme.