To The Top button broken

  • Resolved bcrespo01

    (@bcrespo01)


    4 years, 6 months ago

    Hello, I changed my #siteheader to Position:Sticky, since I wanted a header that would scroll with the page.

    But this brought a new problem, if you scroll down to the bottom of the page and click the ‘To The Top’ button, I assume it brings you to the header, but since it’s a sticky header, it doesn’t move at all since it’s already there.

    Is there a way to fix this? I would like to keep the functionality of the Top button, and also have a header that is sticky.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • I think when your readers reach at the end of a post, they mostly interested to reach at the start of your post. The position where your post title begins.

    This can be achieved with just a simple change in your footer.php page. Best to do with the child theme because if you update the theme your changes remains.

    Search for this line in your footer.php page.
    <a class="to-the-top" href="#site-header">

    Change it to this
    <a class="to-the-top" href="#site-content">

    Save Changes.

    • This reply was modified 4 years, 6 months ago by Sukanta Das.
    Thread Starter bcrespo01

    (@bcrespo01)

    Thank you!

    Anonymous User 14254218

    (@anonymized-14254218)

    For the sake of completion:
    If you want to scroll to the top of the page and not of the content, you can simply use # as an href.

    <a class="to-the-top" href="#">

    • This reply was modified 4 years, 6 months ago by Anonymous User 14254218.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘To The Top button broken’ is closed to new replies.