My CSS is only working on half the page

Site URL: http://wellaccel.io/

My site is http://wellaccel.io/ - the galaxy curser animation should work on the entire home page but it's only working on the top 1/2 - any thoughts on what's going on and the fix? THANK YOU!! 

Hey I swapped out the code in the custom CS section with your suggestion and now the site has a "a problem repeatedly occured" and wont load.

Thoughts on WHY? Thanks 🤔

The code is not meant to go in Design > Custom CSS.

You need to find the code that I cited and replace it with my suggested code. I imagine you might have installed it in Page Settings > Advanced > Page Header Code Injection for the home page?. Please see per-page code injection.

WELL THAT'S WHY. DUMB. THANK YOU SO MUCH FOR YOUR CLEAR & CONCISE HELP!!! 🤩

Quote

 

@creedon Apologies. SO I placed the code where you suggested and now my service page is not showing and covered by the galaxy curser. How do I get my services page back?? Thank you! 

Quote

now my service page is not showing and covered by the galaxy curser. How do I get my services page back??

I don't see any evidence on your home page there is a link to a service page.

Can you provide more detail?

When you click ACCELERATE in the menu. That's the only other page on-site and it has a lot of copy on it (and is my services page). The code never showed up there before and that was great/intentional. Now all I see IS the black background + galaxy curser visualization on https://www.wellaccel.io/accelerate

Goal - homepage is visual playground with code. services page (accelerate) does not have it on it. 

Thanks again,

N

Quote

Goal - homepage is visual playground with code. services page (accelerate) does not have it on it.

Remove the cursor code that has been installed at Page Settings > Advanced > Page Header Code Injection for the Accelerate page. Please see per-page code injection.