Struggling to get particles.js working

Hello everyone, :wave:

I’m working on a new website for my company and struggling to integrate particles.js into my website.

I’ve the id “particles-js” on my hero div and the code in my page header settings.
There is no error in the console, it’s just that nothing is happening.

Here is the live-link:

Here is the read-only link:

And here is my code :

What did I do wrong?

Thank you very much for the help.

PS: I’ll rename my divs later. :innocent:

Move your particles JavaScript from the head to the before body close area.



Thanks, it’s now showing!
I’m making progress but I have a new issue.

I’ve put my header inside the #particles-js div

I expected the particles to show as background but it’s now showing below the actual header instead of behind…

Here is my read-only link.
Any idea?

Thanks a lot ! :pray:

Here is the code I used to solve the second issue:

#particles-js {
    z-index: 10;
canvas.particles-js-canvas-el {
    position: absolute;
    top: 0;