I'm trying to get the Top Navigation Bar (My Site, My Content, My Profile...) to go below the Top Ribbon. Basically I want the top area of MySites to look just like a regular site collection. Any idea how to do this? Right now I've managed to switch the two bars location so he Ribbon is at the top and the Navigation Bar is below but the content of page still moves with the ribbon and therefore it covers the Navigation bar when the ribbon is expanded. How can I fix this? This is my code for switching the order of the two:
body #s4-ribbonrow
{
background-color:black;
width: 1041px !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
top: -44px;
overflow: visible;
}
.ms-globalnav {
background-color: black !important;
border-bottom: 1px solid #333333;
height: 43px !important;
width: 1041px !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
top: 133px;
}
And how would I go about having the same area open when the Ribbon is hidden so I can have a logo there? I am using feature stapling to modify CSS and branding but I can't seem to make this top area of the MySites look like the regular site collections.
EDIT: Some more info + Screenshots Basically this is what happens: http://i828.photobucket.com/albums/zz208/TooT3R/whathappens.png
Where the top nav bar (My Site, My Profile...) is under the content since it moved up due to the ribbon being hidden.
And this is what I want, even when the ribbon is hidden, should show a logo or something. http://i828.photobucket.com/albums/zz208/TooT3R/whatiwant.png
***sorry about the images, I don't have the reputation to be able to embed them so I just posted the links.
Thanks for any help!!!!!