My homepage uses in-page scroll within the navbar and so I have anchors set within the page. The in-page nav works fine on the homepage, however, on my ‘Kids’ page when I click a navbar item that goes to an anchor on the homepage (‘You’, ‘Me’ or ‘Sessions’), I am taken to the anchor but then the page almost immediately jumps to the very top of the homepage.
I am using Limelight and in my trouble-shooting when I remove the Limelight stacks from the homepage (I left the Limelight Launcher and Limelight Menu stacks), the anchors work perfectly when clicked from the ‘Kids’ page. The page lands where it should and doesn’t jump back to the top.
I tried to determine what is causing the conflict with Limelight but was not able to. I removed the Source scroll enabler, Chroma stacks, and Magic Maker2 stacks, however, the issue still occurred. As such, I don’t know if Limelight is conflicting with something or if there is just something inherent within Limelight causing this issue.
You can see this on my site at: test.kellyrosematthews.com.
Is there any way to resolve this?
As an aside, I am using the Magic Marker2 stacks within the Source framework as I need to define offsets since I am using a fixed Chroma for my nav. I know Magellan is Foundation only, however, when building this nav system several months ago I thought I read that the Magic Marker2 stacks can be used by themselves in other frameworks (please correct me if this is wrong). Just raising this in case it factors into this issue. It doesn’t seem like it since the issue still occurs when the Magic Marker2 stacks are removed from the site (and the issue doesn’t occur with Magic Marker2 stacks included but Limelight stacks removed). Nonetheless, trying to provide as much info as possible that may be helpful.
Thanks for the assistance!