Top Nav Move Side Menu to Left

[Carlsen]

Hi Everyone,

I've seen some Top Navigation that have the side menu moved from the default right side of the page to the left. I've experimented with implementing this, but have had limited success. The obvious change (I think) is to change the class to float left instead of right. This works, but then the body content that goes beyond the menu doesn't align correctly, i.e. it wraps under the menu instead of staying in a set width column. Has anyone got this to work correctly, and are you willing to share the steps required to make it work well?

Code: Select all

div.sideContent
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 33.33%;
}

Thanks,
Josh

[NorthEast]

That's how float works - if the menu is floated on the right, you'll notice text will flow underneath the menu too.

If you want it in columns, create two divs on the master page, such as div.sideContent and div.bodyContent.
Then put the menu proxy inside div.sideContent and the body proxy inside div.bodyContent.

[Carlsen]

Thanks for the reply. I may be trying to make this harder than it really is. Reading your reply and then looking at the master page code, my question may have been a dumb question. Thanks for the response though.