Footnotes Jump Beneath My Sticky Header

  • Hi, there…

    This one is kind of hard to explain, so I made a video: https://www.screencast.com/t/Xq3Sr7VwW

    Basically, the site’s sticky header is overlapping links when you jump down. I asked my developer to help me fix this and he said that since the action is coming from the plugin, he’s unable to fix it. Can you offer any wisdom?

    Thank you!

    LBH

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter lisabagg

    (@lisabagg)

    Checking in to see if anyone can help. We just need to fix this before we can launch.

    Plugin Author Jason Yingling

    (@yingling017)

    Hi @lisabagg it should be an easy fix, Easy Footnotes puts the anchor ID on a span just for this reason. You’ll just need your developer to adjust the position of this element via CSS or you can add it to your Additional CSS panel in the customizer.

    Something like this:

    .easy-footnote-single .easy-footnote-margin-adjust {
    position: absolute;
    margin-top: -80px;
}

.admin-bar .easy-footnote-single .easy-footnote-margin-adjust {
    margin-top: -120px;
}

    The link you provided isn’t working at the moment so I can’t see specifically how large your header is so adjust the -80px as needed.

    The first rule will adjust it for non-logged in users and the second takes into account the admin bar for logged in users. Easy Footnotes adjusts that -40px by default so in the example I made that 40px larger.

    Let me know if you have any questions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footnotes Jump Beneath My Sticky Header’ is closed to new replies.