Help with Creating a Splash Screen on Homepage - Dawn Theme

Shopify Discussion

Topic summary

A user seeks help implementing a splash screen animation on their Shopify store’s homepage using the Dawn theme. They want to replicate the effect seen on GOAT.com, where a logo appears large, shrinks, and disappears before the main page loads.

Specific questions include:

  • Which files need editing (HTML, CSS, JavaScript)
  • How to upload and reference the logo image
  • The actual code needed for the animation

One response suggests hiring virtual assistance to implement the feature, offering to connect the original poster with someone who helped them with a similar issue. The discussion remains open with no technical solution provided yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m trying to create a splash screen effect for my *homepage only, like the one on GOAT.com. I want to display my logo briefly before the page fully loads. The logo should start large, shrink down, and disappear, revealing the rest of the website.

I’m using the Shopify Dawn theme, and I’m not sure where to add the code for this effect. Could anyone help me with:

  1. Which files to edit (HTML, CSS, JS)?

  2. How to upload and reference the logo image?

  3. The code to make this animation work?

Any guidance would be greatly appreciated!

Example: Goat.com

1 Like
2

i started the business not long ago i did experience same issue i later did had virtual assistance fixed it for me and i can link up with the assistance to assist if you still need help fixing it up