Mobile Product Page Fix

Topic summary

Issue: On mobile, the product page currently shows only the product image above the fold; the merchant wants the product image, name, price, and Add to Cart visible simultaneously without scrolling.

Goal: Replicate a layout (shown in shared screenshots) where key purchase info (title, price, CTA) appears alongside/under the image immediately on page load.

Context: A responder reports the elements display fine on their device and asks what device is being used. The merchant clarifies they tested on multiple devices and emphasizes the requirement is to avoid any scroll to see name/price/CTA.

Technical focus: Likely a CSS/layout adjustment for mobile to bring essential product info above the fold (e.g., reduce spacing, reposition blocks, sticky summary, or condensed layout).

Status: No confirmed fix or code provided. Images are central to understanding. Discussion remains open; device-specific behavior and layout constraints unresolved.

Summarized with AI on December 23. AI used: gpt-5.

Hello my website is TuneToyz.com and I want my product page to look like this where the add to cart name and price along with the image is all showing at once.

Currently my mobile product page looks like this where only the product image is showing. Thanks for your help in advance!

I see them display fine. What device are you using?

I tested on multiple devices I want it to look like the image you provided without having to scroll I want the customer to see that as soon as they open the product page