Forums

[resolved] HTML Internal Page Links Scrolling Off-screen (5 posts)

  1. TechnoBishop
    Member
    Posted 3 months ago #

    Hi there,

    I'm using internal HTML links to direct website viewers to the information the need on specific events. Basically, I have a list of the events on the home page, and each event links to the full event information on the Events page.

    So, on the home page the link looks like this:
    <a href="cefbentoncounty.org/events#CEF-Spring-Banquet>CEF Spring Banquet</a>

    And on the target page the link looks like this:
    <a id="CEF-Spring-Banquet">CEF Spring Banquet</a>

    Now, both of those links work perfectly. However, when I click the first one, it takes me to the Events page but displays the "CEF Spring Banquet" title off screen. It's as if the link leads to the page and section, but then scrolls the page up 1 line so as to hide the title of the event. Any ideas on what might be causing this?

  2. zoonini
    help me help you
    Posted 3 months ago #

    Please provide a link to this page - thanks.

  3. TechnoBishop
    Member
    Posted 3 months ago #

    Sorry, though that was obvious.

    The site is located here. Specifically, the links in question are located under the "Upcoming Events" heading.

    It seems that it only happens sometimes, as I've clicked on the link recently and the title displayed correctly, although I would like to add some more space between it and the top of the page.

  4. TechnoBishop
    Member
    Posted 3 months ago #

    Solved: the reason it kept displaying the link title off of the page is because of the wordpress edit bar. So, when I'm not logged in to my site, the edit bar doesn't display, and therefore, the title displays properly.

  5. zoonini
    help me help you
    Posted 3 months ago #

    Glad you figured it out! And yes, I should have noticed that link - it was a long day. ;-)

Reply

You must log in to post.

About this Topic

Tags