Editing The Head Menu On Your Profile Page

In order to get your menu to look and act like that on the front page of the site, you can cut and paste the following code into the advanced box as above. You can choose to overwrite all the code already existing in the box (the easiest way... it's what I did for the few different themes I tested on) or you can paste it in addition to other code you may want to have there... I would suggest the former, especially if you have not changed the original code at all, as it may result in a few inconsistencies unless you know what you are doing. Have Fun!..

1. Go to the "Theme" link on the left side of your profile. Clicky.

2. Scroll down and click on the "advanced" tab

3. Copy and paste the code into the code box and press save.

/* SuperTabs CSS - Start */

#xg_navigation {
position:relative;
z-index:100
}

#xg_navigation ul {padding:0; margin:0; list-style: none; }

#xg_navigation ul li { position:relative;}
#xg_navigation ul li ul {display: none;}

#xg_navigation ul li ul li {

text-align:left !important;
font-size:12px !important;
font-weight:normal !important;
}

#xg_navigation ul li ul li a:hover {

text-decoration:underline;
color:#F6DEA6 !important;
}

#xg_navigation ul li {

list-style-type:none !important;
}

#xg_navigation ul li.sfhover ul {display:block; position:absolute; top:21px; left:0; width:195px !important; opacity:1.0 !important;}

#xg_navigation ul li.sfhover ul li:hover a.hide { }

#xg_navigation ul li.sfhover ul li ul {display: none;}

#xg_navigation ul li.sfhover ul li a {display:block; background-color:transparent; color:white}

#xg_navigation ul li ul li { clear:left; width:180px !important;}

#xg_navigation ul li ul {padding:0}

/* SuperTabs CSS - END*/