How can I fix layout issues with my main product on mobile view?

Store Design
, ,
1

Hi. I have few problems with the layout of my product information on mobile view. Although when I am in a desktop view, the product information looks great. Can anyone help me with these problems:

  1. Duplication of title of the product

  2. The variant picker is not in pills layout

  3. Spacing of the Quantity, Add to Cart and Buy Now button

Left photo is a sample of what it looks like on my mobile view. I tried trying a new dawn theme (right photo) to compare the settings but still no good outcome. Tried searching for a solution, but I can’t find one. I want the mobile view of the left photo to look exactly like the right photo. If this is a code problem, I hope someone can help since I don’t have that good knowledge in coding. Thank you in advance!

WE REQUIRE A PHP1000.00 PESOS FOR THE DOWNPAYMENT.png
WE REQUIRE A PHP1000.00 PESOS FOR THE DOWNPAYMENT.png940×788 129 KB

2

Hi, if you want to make it the same as the right side it may not be a code or two away, if you need you can contact me and I can help you revert to exactly the same effect as the right side!