Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Anchor Links Working But Off By 300-400px

  • We have anchor links set up on a page (in private info). The link should take you to the Container with the HTML ID of “pricing.”

    • Smooth scroll IS enabled in the Customizer
    • I’m NOT using the smooth scroll filter in GPP
    • In my child theme CSS file, I’m using html { scroll-behavior: smooth; scroll-padding-top: 30px; }

    On initial page load, it stops a few hundred pixels above the top of the Container.

    However, when the click the orange pricing buttons on the page, they take you to the top of the section like is intended.

    Any idea why the scroll is off by so much on page load?

  • Hi Dave,

    If you’re using CSS for the smooth scroll behavior, the smooth scroll option in the Customizer should be turned off, as having both can cause conflicts. Can you disable the one in the Customizer and see if that fixes the issue?

  • Thanks for the suggestion. I turned it off but the issue persists.

    Any other ideas to try?

  • I can not tell what is conflicting.

    Can you disable all your plugins except GP Premium and GB to test?

  • I know that’s a good way to figure out what’s conflicting, but unfortunately, I can’t do that with this site at this time.

    In about a week, I should be able to create another staging copy and try that. I’ll update this thread with the results. Thanks Ying!

  • Thanks and keep us updated!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.