Hi All, and Happy Holidays
I've had some great help on this forum in the past, so I'm hoping for a helping hand while I build a website for a new business. I want about 5 sticky pages (sections) before the viewer gets to a regular scrolling page. I have it set up right now, but the pages following the sticky scroll do not work, and they are glitchy on Safari.
Can someone help with code injection for those last few pages? Can I make all these variables? what if I only want 3 pages to be sticky?
... Right now I have this code I found on the forums:
section[data-section-id="65865aff59fab8601dec7037"],
section[data-section-id="658658b461bc297ba04b6507"],
section[data-section-id="658667e5a7a31a1e2382e35f"],
section[data-section-id="658667e4ff5066124f17d61b"],
section[data-section-id="658667fabd5ee0759a254b7c"],
section[data-section-id="658667fddf62bc57b1f3de25"],
section[data-section-id="658668e981c33f389d4fd9d9"],
section[data-section-id="658668fd3299fa1032580015"]
{
position: sticky !important;
top: 0;
}
... I tried this too, but it didn't work:
.homepage #page .page-section:nth-child( n + 6 ):not( :nth-child( n + 13 ) ) { position : sticky; top : 0; }
Here is the website: https://www.dustydrifters.com
Thanks so much for helping,
J