Hi all, I have a question for super users and product experts around product tours and sticky headers. I LOVE product tours but we're not using them to anywhere near their potential due to an issue between our site's headers and how product tours scroll. We've followed all the articles to fix it and raised it a couple of times with Intercom support but I'm keen to know if anyone has dealt with this before or know's a trick that could somehow get it working for us.
To explain it further when you point to elements in your product tour steps and you're travelling down the page, the page scrolls perfectly, but as soon as you have to point back up to an element that you have scrolled past, the scrolling doesn't engage properly.
Pic below. In the top pic, (when editing the step) the element is selected properly and is how it should appear but it appears on our site like the second pic, where half the header is selected and half the element. We've tried all the "scroll-margin-top:" fixes in the articles but no joy.
Anyone have any thoughts?