How can I fix the hero section divider positioning on my website?

Hello,

I want to achieve a cool divider for the hero section so it doesn’t look just like a normal line. I found this code online and currently placed a specific part / color / version of it in the hero.liquid below the button.

I now want to achieve that the divider is always on the bottom of the header (mobile and desktop) but I can’t get it to work, because the theme never do what the rules are from the CSS. It’s like the css don’t know what part of the code I want to change, even when its assigned correctly (I guess).

BTW: If you know a better way to achieve what I want please let me know!

My page is here

Sorry I meant HERO not header.

hii @maxson
Do you want to delete this divider?

Noo I want to put it to the bottom of the Hero or “between” the hero section and the other section.