socialgo

Quick Test: removing sidebar

Published by: ezra vancil on 17th Jul 2009 | View all blogs by ezra vancil
Hey I've been busy so this is just a reply to an email, I have not tested this in all browsers so will need to be tweaked for your particular site. Mabye someone that has done this can chime in. I also did not test "not logged in" but you would use the not logged in tag, which slips my mind at the moment to remedy this. 

screenwide.jpg

with just a quick test this works but no bug testing and also you will have to adjust the sizes of zone-e (must have LM turned on or you would use a different tag I think it's #main-content would replace #zone-e ) My code is redundant, to show you what is happening. The commas important. 

Here is the Jest:

This makes anything (sidebar) disappear:
#magazine div#sidebar, #magazine div#search-bar-background 
{
visibility: hidden;
}
Then you will have to adjust the containers of your page and navigation. Look at your page after this one, to see what is happening. 
#magazine div#main-content, #magazine div#container { 
width: 99%;
} 
You can set zone-e to 99% too, but it will knok off your second collum I found this size to work on my page, but default SG column width is different. So increase or decrease this until it looks right and your second colum shows up. 
#magazine #zone-e {
width: 700px;
}
this will stretch the background of your navigation so it doesn't look funny, you don't have to do this. 
#magazine div#navigation-wrapper {
width: 100%;
}
hopes that helps, there may be some issues in different browsers which will take a tweak here and there. 
ezra

Comments

1 Comment

Please login or sign up to post on this network.
Click here to sign up now.