Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey
I have connected a button near the top of the page to the Row ID of a row near the bottom of the page.
When I click the button, it reaches the specified row, but in a way that only a sliver of that row appears at the bottom of my screen. I want the specified row to fill the screen -> So when I click the button, the top of my screen should have the top of the specified row.
How do I go about doing this?
I hope I have made the issue clear.
Thanks!
Ishita
Hi Ishita
Thanks for posting.
Do you have a public URL where we can take a look at what’s going on?
Hi Andrew
Please check out this link: https://mangoshorts.com/corporateevents/
Thanks!
Ishita
Thanks. You can try using a plugin like https://wordpress.org/plugins/hash-link-scroll-offset/ to offset the header.
If the plugin doesn’t work with your theme, please, try reaching out to theme support. If they’re adding smooth scroll, it might not be compatible with the Hash Link Scroll Offset plugin. In that event, they could either help you deactivate theme smooth scrolling or add a header offset via the theme.
Hi
In the link I previously sent, the “How It Works” button reaches the top of the specified section; the “contact us” button reaches the middle of its specified section. Why are the buttons jumping to different locations like this?
Hi, in both cases you’re adding your anchor in the correct location. However, the heading isn’t added in the same manner for How Does it Work vs Contact, therefore the padding is different at the start of those two rows. How it Works is also being covered, that row ID is at the start of the Gallery heading, that’s where the scroll should stop. The issue is your sticky header, it needs to be offset from the scroll point. In our Corp theme, we do this as part of the theme’s smooth scroll functionality. If your theme doesn’t offer header offset then you’d need to ask the theme authors how to disable smooth scroll and move over to a plugin like https://wordpress.org/plugins/hash-link-scroll-offset/. In this case, Page Builder isn’t the challenge, the challenge is offsetting your theme’s header height from the scroll point.
Hey Andrew
I’m not sure I understand what you’re trying to say.
Can you tell me exactly how to fix the issue?
I’m using a plugin called “Page Scroll to ID” to get the smooth scroll, but I can remove it if needed.
Hi :)
The sticky header covers part of the screen, the scroll has to adjust for that. Try using https://wordpress.org/plugins/hash-link-scroll-offset/.
https://wordpress.org/plugins/page-scroll-to-id/
Page Scroll to ID has an offset function: Offset scrolling by pixels or element selector with custom expressions. Try reading up on the plugin documentation on how to make use of it. 70px is the amount you want to offset by.
Hi Andrew
It works perfectly now. Thanks a ton!
Super, glad to hear you’ve made progress :)