-
I have a page with a jump link that should link to a container further down the page. I followed the instructions on how to create a container link in GenerateBlocks 2.0, and I applied the global style to the container. Within that container, I set the Dissociative Identity Disorder (DID) headline block to did.
Higher up on the page is the text block that should jump to the container – This is the Dissociative Identity Disorder (DID) text block, and the link is set to #did.
This doesn’t work. Can you assist with the proper way to set jump links on a page to a container block?
This was very easy in GenerateBlocks 1.0 but much trickier in 2.0.
-
Hi there,
You need to set the ID of the DID container to
DID. You don’t have to set a link to that container.
-
Thank you. I see the jump happening now. I appears that I no longer need the DID on the H2 headline in that container.
However, it is not jumping to the start of the container. It’s going to the headline in the container. Is there a way to get it to jump to the very start of the container?
-
That’s likely because your sticky header is overlapping the top of the container when the browser scrolls to it. You can fix this by adding a bit of CSS to offset the scroll position.
Add this to Appearance > Customize > Additional CSS:
#did { scroll-margin-top: 100px; }That way the browser will stop scrolling just above the container, keeping it fully visible below the header.
- You must be logged in to reply to this topic.