• Resolved szmad

    (@szmad)


    I created a “jump to top” bit of text with the basic core href=#top”, and then placed <div id=”top”></div> at the top of the editable content area of each page. More precisely, I placed <div id=”top”></div> at the top of the page editing box (in text edit mode). The jumping works as intended. The problem is that the top of the editable page content area, where the jump goes, is below the top menu, even below the entry header for the page. How can I insert <div id=”top”></div> above the top menu, so that my jump text goes to the real top of the whole page, not just the top of the editable content area?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Twenty Seventeen gets all anchor points and offsets them as you’ve experienced, so that the sticky menu doesn’t overlap the content.

    How important is this #top link you’ve created and how important is it that it should go to the top of the page and not have an offset?

    Changing this behaviour is about 4 hours work for me and I envisage that I don’t have that time to help you.

    Thread Starter szmad

    (@szmad)

    Hi Andrew, Thanks for the response. Since the jump is working fine, and it gets close enough to the top, it’s certainly not worth four hours of time of an expert! I’m satisfied that I haven’t missed something easy, so I’ll let it go.

    MAD

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thanks for the good words, but there may still be hope yet. I think it isn’t going to take as long as I envisaged and I may have time to help.

    In the meantime, would you be able to provide a link to your page with this jump link? I checked the site a day ago and couldn’t see it, maybe I looked in the wrong place.

    Thread Starter szmad

    (@szmad)

    Hi Andrew,

    Great, thanks. Go to:

    https://www.ocf.berkeley.edu/~madelucchi/publications-by-research-topic/

    Then jump to the first research topic area (DEEP GREEN). At the bottom of that topic area, on the right side of the page, in purple, you will see “To top of page”. That takes you back to the top of the content area, below the entry header.

    I have “To top of page” at the bottom of all the areas where one can “jump” to.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh, maybe you just need to change the ID to something like:

    
    #main
    

    Or:

    
    #content
    
    Thread Starter szmad

    (@szmad)

    Oh, thanks, you inspired me to investigate that angle. So I went into the web inspector and found that the top-most area has an ID #masthead, so I just used that, and it worked! I’ll get rid of my #top since I don’t need it.

    Thanks a lot, you guys are super helpful.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘I made my own “jump to top”, but can’t place ID=”top” in top menu area’ is closed to new replies.