Adding a submenu to header?

[Linda Carter]

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

 

[Tobias Selzer]

Yes, that was exactly the problem. As NC i can see the menu-point. Sorry for that...

Florence Tsai said:

Hi Tobias,

Are you logged in as an Admin instead of a network creator (NC)? Only NCs can access the custom code.

[Florence Tsai]

No worries! Glad you can work now.

Tobias Selzer said:

Yes, that was exactly the problem. As NC i can see the menu-point. Sorry for that...

Florence Tsai said:

Hi Tobias,

Are you logged in as an Admin instead of a network creator (NC)? Only NCs can access the custom code.

[Tobias Selzer]

Hey Florence,

Tobi again here.... :D

I cant really handle your example. Here is my code:

CSS

#customcodebox {
/*top: 200px;
position: absolute;*/
display: none;
width: 982px;
margin: 0 auto;
}

CustomCode

<script type="text/javascript">

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

</script>

<div id="customcodebox">
<h1>Ihr Platz in einer integralen, werteorientierten Unternehmer-gemeinschaft.</h1>
<p>Treffen Sie wertvolle, außergewöhnliche, unternehmerische Menschen, die Wirtschaft als Teil Ihres Lebens verstehen.</p>
</div> 

It does not work, and I dont know why... Could you help me another time, please?

Best,

Tobi

[Florence Tsai]

Hi Tobi!

My apologies, I forgot that when using JQuery in Ning, designers need to add an "x" in front of the "$" character, so the code should look like this:

<script type="text/javascript">x$(".xg_widget_main_index_index .xg_signup").each(function(){x$("#customcodebox").show();});</script>

Also: you'll need to use the CSS selector #customcodebox; don't forget that hashtag!

It should work now! :)

F

[Tobias Selzer]

Wohooooo! It works! 

Great. Thank you :)