Simplicity Page Jumps

sorry for the newbie question. i need Simplicity to function as a single page theme with page jumps from the main menu to the different sections of the main page. whats the easiest way to do that?

Hi,

In this case you should use the following syntax in the menu URLs:

Code: Select all

#ID

where ID is an id attribute of the specific area i.e.:

Code: Select all

#gk-bottom2

Awesome! Thanks!

one small issue. i need to prepend the #ID with / so that it jumps back from sub-pages in the site. It appears that /#ID or any http link placed in the menu does not take on the hover behavior. The default hover color is always displayed.

site is http://www.funnelcloud.net

Unfortunately this kind of mechanism is not available in this theme and it needs a custom JS script which will add an active class to the clicked menu items with the URL starting with the "#" char.

Is there a way to set a different menu for sub-pages?

I have used following js and css in one of my projects if its any help for you.

It will compare current url with menu links and add "active-menu-item" class to li element.

Code: Select all

jQuery("#main-menu > li > a").each(function() {   
    if (this.href == window.location.href) {
        jQuery(this).parent().addClass("active-menu-item");
    }
});


Then to style it use following css code as an example changing background color or changing text "Tour" text color.

Code: Select all

#main-menu .active-menu-item:hover { background: #000000; }
#main-menu .active-menu-item a { color:#ffffff; background: #000000; }


See you around...

@kgerber - you can create two instances of the template and then assign one instance to the frontpage and second one to the subpages - then you can select different menus for these instances.