Anchor links work, but not when already on the same page

[mieczr]

Hello, I am using the most recent versions of WP and X Theme/Cornerstone.

I have a few elements with IDs I’d like to anchor to from my menu. When I type the full URL in the browser (for example www.antrayaud.io/#experience), it goes to the right location on the page. However, when I click on my menu button (which is a custom link leading to www.antrayaud.io/#experience), nothing happens, or at most it seems to start wanting to scroll but then stops at the first element, which is a parallax. I recently added a Calendly element to it. I’ve tested in Chrome, Edge and Firefox.

Could it be that this first parallax element or the Calendly JS is stopping me from being able to continue scrolling? Any tips would be very helpful, thanks!

[marc_a]

Hi Raymond,

Thanks for reaching out!

The Calendly integration is the root cause of the issue, they added a height of 100% in the body tag that makes the anchor link not working properly.

I suggest that you contact Calendly about the said issue. For a temporary fix, we need to set the body set to auto. To do that, please add the code below in your X > Theme Options > CSS.

html, body {
	height: auto !important;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.