Page Jump Issues

Posted in: Newspaper
Post count: 17
0754ben84
#283357
Mar 16, 2019 at 11:37 am

Hi Guys,

I’ve created tables of contents in my blog posts what contain jump links (like wikipedia)

Example: https://www.gardenseeker.com/plants/shrubs/buddleia/

The targets for the jump links are h2 and h3 headers.

However, when you click on the jump links, the page jumps past the h2 or h3 which is obscured by the menu.

Is there a way to fix this so the relevant header is visible and doesn’t confuse my visitors when they click on the jump links?

Thanks

Post count: 20688
Simion C.
#283592
Mar 18, 2019 at 1:14 pm

Hi,

One solution would be to disable the sticky header in the theme panel
– https://www.screencast.com/t/UNyzGRepss
Then the top of the page will be visible. Or use a code like this one, seems to work. You can adjust the values in it if needed – https://www.itsupportguides.com/knowledge-base/tech-tips-tricks/how-to-offset-anchor-tag-link-using-css/

Thanks

Post count: 17
0754ben84
#283618
Mar 18, 2019 at 1:45 pm

That code worked perfectly, thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.