Twenty Eleven
Internal anchor lands below linked-to header--how to fix this? (3 posts)

  1. sleeplessinDC
    Posted 3 years ago #

    Internal page navigation isn't working right. I have several internal links on my pages that work just fine in all browsers except Firefox. (I am currently using Firefox 20.)

    In Firefox, the internal anchor links land below the header containing the anchor ID and the user gets lost because they can't see the header. They have no idea where they are on the page. In Google Chrome, Safari, and other browsers, it acts normally where the anchor link lands on the linked-to header.

    Is this caused by the Twenty Eleven theme or is it some strange way Firefox handles anchor links? Is there a way to fix this for Firefox in the CSS?

    Thanks for your help.

  2. licoricetwist
    Posted 2 years ago #

    I'm having exactly the same problem with my Frontier theme, and using Chrome. So it isn't just the theme. web page here

    Have you found an answer to this question?

    So far I've tried a name="item", a id="item", I've followed the anchors with a non-breaking space and a line break, both inside the < > and outside - which works a treat until the editor takes it out again. :-( If inside the brackets, the space is underlined. I removed that with CSS and it was taken away by the editor again.

    The only method that seems to work at the moment is to put the anchor in the previous item, which isn't really satisfactory.

    With every issue I sort, another turns up. Thanks for any help!

  3. WPyogi
    Forum Moderator
    Posted 2 years ago #

    If your site isn't identical to the OP's please start your own thread

    Best place would be on the Frontier theme forum:


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic