Adding a submenu to header?

We're styling our Ning site, http://addivanetwork.com to integrate with our main site, http://addiva.net, which is on WordPress. It's important there's a menu somewhere intuitive that will take people back to the main site.

Is there are way to customize the header to accept something like that? I've found the 'text' widget and added it. I'm thinking, if I could use CSS to force it up onto the header, maybe I could get that to work. I've started fiddling with that, but thought it would be wise to ask here, am I going in a good direction, or is their a better/simpler way?

Thanks!

Linda Carter

▶ Reply to This

Replies to This Discussion

Permalink Reply by Answer Ejiasi on September 19, 2011 at 12:06pm

Hi Linda,

One way to add a submenu to the header would be to put the submenu links in an Instant Ad Box below the header. Then use CSS to position the ad box above the groups module. This way, the submenu links will show up on all of the pages, and not just the home page.

▶ Reply

Permalink Reply by Linda Carter on October 18, 2011 at 8:27pm

I know I saw an Instant Ad Box, but now I can't find it. I've been through all the links in the Dashboard and just can't seem to find it.

Thanks

▶ Reply

Permalink Reply by Answer Ejiasi on October 19, 2011 at 6:27pm

The Instant Ad Boxes should be located in your Dashboard, under Settings —> Features Layout. The Ad Box options will be at the very bottom of the screen, right above the Save button.

Hope this helps!

▶ Reply

Permalink Reply by Tobias Selzer on February 14, 2012 at 12:52am

This helps me, but just for one step.

I want to make a special "home" site. There should be big banners when you enter the page (with a little menu - were people can click on buttons to register theirselves).

But I dont want to see this on other pages. And if its possible I dont want to see it if I am logged in as well.

▶ Reply

Permalink Reply by Florence Tsai on February 14, 2012 at 4:48pm

Hey Tobias,

If you set the banner's CSS to {display:none;} and then use JQuery to make it show up in certain conditions (i.e. only on main page, not signed in), that should work. If you're not familiar with JQuery, here's an example code you can insert into the custom code box (remember to modify it to your needs):

<script type="text/javascript">

$(".xg_widget_main_index_index .xg_signup").each(function(){$("**your_banner_selector_here**").show();});

</script>

As explained in documentation here, .xg_widget_main_index_index is the class that identifies the main page, and .xg_signup is the class that shows up only when you are signed out (you can find this at the account module HTML). After identifying these two selectors, you should be able to tell the banner when to display.