Hi,
I’m fairly new to SiteOrigin, but more than one user has posted a question related to using anchors. I read all the answers provided, and unfortunately, even by using id’s associated with pgc id’s or panel id’s (gleaned from the page’s source), the page jump does not take you where you need to go (it always seems to go well below the desired spot).
I am using Page Builder. I am trying to get a Page Jump from one “column” to a spot near the top of the adjacent column. I even tried inserting an arbitrary Text Widget before the content where I want the anchor to go. This inserts an ugly blank space, but it also still takes the user below where the anchor needs to go. (Using a separate is also not a great solution, since with dynamic formatting, the anchor could end up at a different location than the desired jump-to spot.)
In the Issue URL provided below, the anchor is set to ID pgc-99-01, which is the id associated with the second Page Builder Column. As you can see, clicking the link takes you to the middle of the first paragraph and the course title is hidden.
The second link is set to ID panel-99-0-1-1, which is the beginning of the second Visual Editor widget in this same column. This also takes you to the middle of the first paragraph and likewise hides the title.
My guess is that dynamic formatting occurs after the anchor is computed. Does SiteOrigin have any other suggestions? Thank you in advance.
Hi
Thanks for reaching out. The problem that you’re seeing is due to the sticky menu. There unfortunately isn’t an easy way to add an offset to the sticky menu. That would be the usual web development method to handle anchors and the space a sticky menu takes up. One option would be to turn the sticky menu off. Everything will then line up, for example, without the sticky menu in place:
http://asgteach.com/asgteach_wp_dev/?page_id=99#panel-99-0-0-2
That will line up with:
Java Programming
If you’d like your anchors to look prettier you can leave the widget title field blank and instead insert your title into the Visual Editor body. That would let you add your title with an ID:
Alternatively, put an
between each section and add your ID to each hr tag. So for example, above Java Programming there is an hr in the previous widget. Change that from:
to
And then link to the hr tag above the heading you’re targeting. That would be a manual method of offsetting for the sticky menu.