Margin Top on Anchor

Hi there,

Can you confirm that you are using GP's smooth scroll script?
https://docs.generatepress.com/article/smooth-scroll/

If so it should account for the sticky navigation height by default.

Let me know :)

As I said :

I use the smooth-scroll option for anchor link"

Did you check the link I gave to you ?

I don't know what to add at what I explained, here it is again : I think anchor in this case is displayed in the body part of accordion, it would explain title is hidden by sticky menu, so I would need to add a margin-top or something similar to add space and be able to see accordion title.

Can you try setting the anchor on the accordion title?

That's the only solution I believe.

Let me know :)

Hi,

As seen here : https://www.screencast.com/t/S8JIcatuBJL
The anchor is on the DIV attribute, so it should display title shouldn't it ?

According to you there is no way to set a margin-top to the anchor position landing ?

Huh..for some reason I'm seeing different HTML comparing to what you are showing:
https://www.screencast.com/t/TnXxxcNwqHu

I'm not seeing the smooth-scroll class or the div ID.

It's very hacky to use CSS for anchor position which is why we implemented automatically with the sticky navigation:
https://generatepress.com/forums/topic/jump-too-anchors-headings-covered-by-stick-navigation/#post-887181

David provided a workaround/hacky solution here:
https://generatepress.com/forums/topic/jump-too-anchors-headings-covered-by-stick-navigation/#post-887821

I found a solution that is working, I apply a class (e.g. "anchor") to my accordion block and add this CSS :

.anchor {
padding-top: 5em;
margin-top: -5em;
}

Adjust as needed.

Thanks

Glad you found a solution!

Just to finish about the smooth-scroll, I added the script in my function.php to apply smooth-scroll to every anchor links. So it's normal you don't see any class on my DIV or so. ;-)

Awesome thanks for reporting back :)