Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #628499

    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/#matrix

    The 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.



    Hi 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



    @Aaron thanks for sharing your suggestion here :)

    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,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.