Anchor link scroll problems

Hi there,

I’m having an issue where my anchor links are stopping at different points dependant on the window width. When the page is viewed at between 991px and 1300px window width, the scroll stops at the bottom of the window; however, outside of these widths, it behaves correctly.

This bug seems to be apparent on the published url and not in the designer itself.

If anyone has any knowledge to share on how to fix this bug I would be very grateful!


Project link:


Here is my site Read-Only:

Resolved! I had a line in my custom code that was throwing it off:

  @media (max-width: 1300px) {
    .nav-menu {
      overflow: scroll;
      /* This line was throwing it off. Removed it and works now >> height: calc(100vh - 50px); */
    .ph-number-devices {
      display: block;
    .custom-container.desktop-secondary-nav {
      display: none;

Glad to hear you were able to figure it out @Alastair_Gray. I’ll mark your reply as ‘solution’ to close the topic. Go ahead and open a new topic if anything comes up in the future. We’re here to help :slight_smile: