I can’t get this navbar to stay fixed to the top of the page as it scrolls once it has completed its page load animation/appearance. I want the Columns row saying “private group tastings” and “artisan cheese” to be fixed to the top of the page after completing its element click animation.
Not sure what I’m missing… Have tried overhauling all the z-indexes and re-nesting the elements in different parent elements and nothing has worked so far.
I’m not a coder, but at a guess, I’d say it’s something to do with the jquery that’s on your site that’s not allowing the Navbar to maintain a fixed position.
If I remove the child perspective from the Body, the site won’t scroll at all, even in the designer mode, which doesn’t seem right.
There’s something going on with the body element. Possibly being broken by something set to offset an interaction somewhere.
When I remove the children perspective value, the entire page stops scrolling. I am not aware of anything that SHOULD be acting that way.
Of course, there are other strange things going on with this page. Large negative values being used for positioning and top-level elements being positioned absolutely generally tend to lead to really weird things like this.
I didn’t realise an interaction on one page would affect the flow of elements on a different page even if they aren’t connected. I guess it’s a lesson not to have empty interactions sitting around…!
I am having a similar issue in that a CTA button ‘fixed’ to the bottom right of the screen fails to transition in half-way down the screen, instead is fixed to the bottom of the Body.
This issue has now applied to the modal form triggered by clicking the apply now button at the bottom - it appears fixed to the top of the Body opposed to filling the viewport.
