Need help? Check out our Support site, then


Page Jumps from Page Menu at top?

  1. Hi, I searched the forums and couldn't find this issue specifically, so I'm hoping someone can help me. I'm wondering if it's possible to set up some page jumps so that they jump straight from the page-menu at the top of my blog to a specific paragraph within another page...?

    Here's what I'm trying to do: under my "About" link at the top of my blog-page, I'd like to have a drop-down list of pages with contributors' names... But instead of each name-link taking the reader to a *separate page*, I'd like it to jump to the paragraph about that contributor on the About page. So, I'd have just one About page, with separate paragraphs about each contributor, and a drop-down menu from the word "About" at the top of my page, with each item on that drop-down jumping to a specific paragraph on my About page. (I hope that makes sense).

    Anyone know if this is possible?
    Thanks very much for any help.

    The blog I need help with is spacecadetcreations.com.

  2. panaghiotisadam
    Member

    Yes it's possible, but we always need a link to the blog in question when you post here.

  3. Oh, I'm so sorry -- I thought my avatar would link to it. The blog in question is http://spacecadetcreations.com/

    Thanks very much.

  4. panaghiotisadam
    Member

    You need to combine this feature:
    http://en.support.wordpress.com/menus/
    with this technique:
    http://wpbtips.wordpress.com/2010/08/01/links-to-specific-points-on-a-page/
    (If you can't figure it out, let me know.)

    And see sticky "8 Things To Know", point 2: how to make your username link to your blog.

  5. panaghiotisadam, thank you so much for those two links! They've got me *most* of the way there, which is great. I've now got my sub-menu items in place and the menus all laid out correctly and looking right.

    The only problem is getting those sub-menus to link to a specific point on the About page. What I did was "Destination" coding (as per your second link) into the About page HTML, and I'm confident I did that part right, but then I put the "Source" coding into the URL window for that menu item. But when I save that, WP.com automatically sticks http:// in front of it (which makes sense, because it's expecting a web address, not HTML coding) and then, of course, the code doesn't work.

    So... I'm going to keep playing about with it, but do you know how or where I'm supposed to put the Source coding in so the sub-menu links to the Destination within the About page?

    Thanks a lot for your help. Really appreciate it.

  6. In your custom menu add an external link with the URL set to: http://spacecadetcreations.com/about/#Natalie or whatever you have named your other links. Then drag it under your About page and indent it so it becomes a child link as per the instructions on how to use custom menus linked above. Et Voila!

  7. THANK YOU! That worked beautifully! I now have my blog menus *exactly* how I'd wanted them. Really appreciate the guidence from both of you, hallluke and panaghiotisadam.

  8. Oh, no, wait... Just one problem. I have four sub-menus that should jump to points on the About page (SpaceCadet, Contributors, Natalie, LeftofCentre), and even though I have correct Destination coding at the beginning of each respective paragraph, they all jump to the *exact same place* on the page. Any thoughts on what might be causing that?

  9. panaghiotisadam
    Member

    That's because your three destination points are close to each other and near the bottom of the page: how could the browser window move lower than the lowermost part of the page? If there were more paragraphs after the last destination point, you would see your links working as expected. (You can test them by making the browser window very short in height.)

  10. Thanks for your reply, panaghiotisadam. :) But I don't think that's it. I've added a whole bunch of text (just some random stuff) to spread the destination points out a bit, and I'm still having the same problem. I'll leave it up for a while and if you get a chance to look, you'll see what I mean.

    When you click on the links in the sub-menu, it jumps you down to *near* the destination point, but not right on it. In my tests a few minutes ago, it kept jumping to a couple of lines below the destination point, so that the beginning of the paragraph was just *above* the top of the screen and I had to scroll up to it. I checked the destination point coding, and it's in the right place... It's very odd.

    I think I could work around it by placing the destination points a couple of lines above where I want the jump to land, but that just doesn't seem like a very tidy (or correct) fix. And the nerd in me would like to understand what I'm doing wrong! :D

    Thank you very much all the previous help and, if you have any insights into what might be causing this problem, I'd be really grateful.

  11. Ok, I've been experimenting and I think I've realised what the problem was. I was logged into WordPress (obviously) while I was doing all my editing, and WordPress has that grey menu bar superimposed over the top of the window. So when I'd click on the sub-menu items and they'd jump down, the first line was getting hidden behind the grey WordPress menu bar. But to me, it just kept looking like the jump was going to the wrong place.

    So, I opened up the website in another browser (where I wasn't logged in) and played with it in there and it appears to work perfectly. It was that grey menu bar that was messing up my view of the page (but obviously no-one else's).

    I've taken the extra text out of the About page now too. But that did help a lot in seeing where the links were jumping to. Thanks for that heads up, panaghiotisadam. :)

Topic Closed

This topic has been closed to new replies.

About this Topic