-
Posts
-
I have my nav set to stick to the top of my page. When I link to points within pages, the very top of what I want to link to is hidden behind my nav.
Here’s one example of what’s happening now:
And here’s what I’d want that to actually work:
You can experience that same link yourself at http://dev.solacesystems.com/kafka/#matrixThe only way I’ve found to fix that is introduce a div of the same height as my nav bar.
Like here: http://dev.solacesystems.com/kafka/message-routing-filtering-ordering/#wildcard-kafka
Which works when anchor linking, but looks odd when you’re just looking at he page:
Any way to address this issue without the unwanted gap?
Hey JeeBar,
Sorry for the late reply. Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Thanks,
RikardHi JeeBar,
Not sure if you have resolved this for your site already.
I too had the same issue trying to add multiple anchor links within a long text box (color section was not an option).
After trying many different suggestions, I found the below code worked perfectly.
I simply added this code before the heading I was wanting the anchor link to go to.
<p style="position: relative;"><a style="position: absolute; top: -170px;" name="anchor-link-name"></a></p>
Of course the -170px is tailor-made to my sticky header.Cheers, Aaron
Hi,
@Aaron thanks for sharing your suggestion here :)
@JeeBar please try the code Aaron suggested and let us know if it works for you. If not, then please provide a link and login details to your back end, so that we can have a closer look. You can place the information in the Private Content section of your reply.Best regards,
Jordan
- You must be logged in to reply to this topic.