Offset Issue

Hi,

I can’t access your page at the moment.

Hi,

Sorry for late reply, here is the new url https://sunordic.org/community and even same issue in this page too https://sunordic.org/about/#contactus

Can you describe exactly how to reproduce the issue? Which buttons to click, what happens and what should happen?

Hi,

Thanks for your immediate response

In this page https://sunordic.org/community one button named “signup” linked to contact us form on the same page and second button named “join the community newsletter” in the second row linked to contact us form on the same page, but offset working perfectly only for the second button, not for the first button, I need all buttons which links to #contactus will reach the form on exact postion

This is an issue with the way your theme template works.
The page length changes when the menu becomes sticky (this happens while the page is scrolling).

When the page length changes, the page scrolling length changes too.
When the first link (“signup”) is clicked the menu is not sticky but when the second link (“join the…”) is clicked the menu is already sticky.

Your theme’s CSS should keep the page length the same in all cases (with sticky menu or not), but this is not the case (that’s why you see a gap while scrolling the moment the menu becomes sticky).

Your theme indicates the menu as sticky by adding a class on the menu itself (it would be better to do it by adding this class on a parent element), so the only way to fix this, is by adding the following CSS to your theme stylesheet or additional CSS:

.non-transparent .header-wrapper {
    margin-top: -90px;
}

.non-transparent .header-wrapper.stick {
    margin-top: 0;
}

#masthead .banner {
    max-height: 652px;
}

In any case, this is not a plugin issue. It’s an issue that occurs because of the way the theme’s menu is designed.

Even if you deactivated “Page scroll to id”, you’d have exactly the same problem.

Hope this helps