Hero Compact in mobile view verses desktop

Topic summary

Problem: The site’s mobile layout appears extremely compact compared to the desktop layout. The author wants the mobile view to match the desktop appearance.

Context: Two screenshots were provided (desktop as the desired look, mobile as the current result). These images are central to understanding the discrepancy.

Suggestion offered: A respondent recommended using a single image banner instead of constructing the banner with code, noting that a code-built banner may be resized differently as screen sizes change. An image banner could preserve the intended look across devices.

Status: No confirmed fix or implementation steps were reported. No additional technical details (CSS, theme settings, or code snippets) were shared.

Open points: Whether to proceed with an image-based banner or adjust existing responsive styling remains unresolved. The discussion is ongoing without a final decision or resolution.

Summarized with AI on January 5. AI used: gpt-5.

Hello! I am new to all this and the mobile view of my site is extremely compact compared to the desktop! I’ve tried everything. Can someone assist with how to make the view look the same from mobile to desktop? Thank you. This is how i want it to look on the mobile view.

and this is how it looks on the mobile view!

You might benefit by making an image banner instead of using code to build the banner. That way it will look how you want it to look and not be resized every time the screen sizes change.