Can I make a menu sidebar static while the page content changes?

  • deleteaccount

    (@catherine505)


    8 years, 7 months ago

    Hi,

    I’m using a child theme of Twenty Thirteen. On the under-construction page here:

    http://www.chwr.org/awards/

    I would like to make it so that when someone clicks a menu link in the sidebar, instead of being taken to an entirely new page, they just see the content they want in the main post area. By looking around forums I’ve found ways to make a sidebar “sticky” while the user scrolls down a long post, but that’s not what I need, so I’m hoping someone has the answer I can’t find. Thanks for any help.

    (I’d love to be able to use a plugin to do this without writing code, but if I have to I can mess with more technically oriented solutions.)

Viewing 5 replies - 1 through 5 (of 5 total)
  • martcol

    (@hotmale)

    8 years, 7 months ago

    Are you thinking about a parallax effect?

    This theme demo shows the idea:

    http://accesspressthemes.com/theme-demos/?theme=accesspress-parallax

    Try searching for “WordPess theme parallax” if that’s what you want.

    Thread Starter deleteaccount

    (@catherine505)

    8 years, 7 months ago

    Hmm, I don’t think so (though I’ve now learned what a parallax effect is, so thanks for that new term).

    I don’t want the content to appear to slide up the screen — I think the effect I’m after is more like a slider, where clicking on the option you want on the sidebar (“2010 Awards”) causes the content you want (the 2010 awards recipients) to simply appear in the right-hand main content area, without changing the URL of the page you’re on.

    Gyanendra Giri

    (@gyan)

    8 years, 7 months ago

    You want in page linking.
    For that you need to modify the content of the page a bit and link page content with menu item you created in left side.

    Here are steps:-

    1. Divide page content with div and individual Ids.

    example

    <div id="2013Awards">
2013 Awards  text  </div>

<div id="2010Awards">
2010 Awards  text  </div>

    2. Now create custom menu items for menu you want to show in left.

    example.

    Url:  #2013Awards
Link Text: 2013 Awards

    and

    Url:  #2010Awards
Link Text: 2010 Awards

    Now page text will link the content of page and will be on same page instead of loading a new page.

    Thread Starter deleteaccount

    (@catherine505)

    8 years, 7 months ago

    OK, thanks — I’ll experiment with that.

    Gyanendra Giri

    (@gyan)

    8 years, 7 months ago

    You’re welcome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can I make a menu sidebar static while the page content changes?’ is closed to new replies.

Tags