i have been looking everywhere but i just cant seem to find the answer, i would like to know how i can make something like the image below. with my brand logo and an enter page to my products while the whole screen fits perfectly for each device, i am a beginner with 0 coding experience, please try to make this as easy as possible for me. everyone who’s tried to get the answer of this it’s been a dead end, please help.
Topic summary
Main request: Create a full-screen landing/intro view showing the brand logo above a single call-to-action button (e.g., ENTER/SHOP ALL) that fits perfectly across devices.
Clarifications:
- This should appear on the first page users see, likely the Home page.
- The “heading” above the button should be the logo image (not text), positioned directly over the button.
Constraints:
- The requester is a beginner with no coding experience and asks for the simplest, step-by-step approach.
- Layout must be responsive (full-screen/viewport on all devices).
Context:
- Store Design topic; tags: customizations, landing-page, menu, shopify-themes.
- Two example images were shared and are central to visualizing the desired layout.
Current status:
- Another participant asked which page this should be on; the requester confirmed the Home page.
- No solution or tutorial provided yet.
Open needs:
- Beginner-friendly instructions (theme settings, section setup, or minimal code) to place a logo image as a heading above a CTA button and make the section fill the viewport responsively.
@d4vaughn - on which page do you want this?
the first page that pops up when they enter the site, so probably the home page i assume.
my main question is to get my logo on top of the [ENTER] button or in other words i’d like a ‘Heading’ for my button but i would like the heading to be an image instead of text