Jump to content

Animated Splash Screen in Squarespace Plays on Every Page - Need only cover/intro page

Recommended Posts

Site URL: https://www.nickwatkinsdesign.com/

Hi!

I'm trying to add/change my code that I have in site so that the opening "HI" animation only plays once you enter the site and then it goes away for the rest of the time you go throughout the site. Please help me 🙂 Url: https://www.nickwatkinsdesign.com/

Also, I was wondering what/how the best way to optimize a website for both desktop and mobile would be? Lemme know! Thank you, thank you in advance!

Link to comment
  • Replies 3
  • Views 598
  • Created
  • Last Reply

First off, really cool text at the start!

Secondly, one way would be to use javascript to set a cookie, which might be a bit of a pain.

An easier solution would be to only apply the code you've used to your home page, as honestly, that'll be where they're going first.

Lastly, optimising for both is case by case but generally as a rule of thumb:

  • compress your images
  • make sure they have alt-text
  • check for any junk/unecessary code
  • test on a number of devices and have your styling mobile-first (i.e. desktop not media queries) if you're mobile focused
  • ensure that you've designed for both - i.e. don't just rely on Squarespace to "convert" for mobile

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

Link to comment

Yes. 

However, it would look less awkward. To do that, you'd (likely) just need to move whatever code is in your code injection to run it currently into the code injection for the homepage:

Click the cog on the page > advanced > page header injection

And that should do the trick.

For the cookie thing, to get it to work only once per session/on first visit, you'd have to figure out if there's GDPR work there, just as a note. If you want help there, to be honest, I haven't seen it done on Squarespace before but it should be possible. I'm pretty booked up right now but if you're looking to hire I can check my availability in the coming weeks?

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.