PHASE2 > Tech 20: How do I remove the vertical menu area on some pages

[Darrin]

In some lower pages in my hierarchy I'd like the right section, (used for login and newsfeed on the homepage) to be available to my content. (so content can use up full width of lower half below top banner and horizontal menu)

Any idea's how I could do this? Do I need to create a duplicate template without that section?

[NST Inc Designer]

You could create a duplicate template as full width in design without the sub menu column but it would take some more in-depth css/html knowledge (float and position) to have the vertical sub menu appear on the right and have the content wrap around it.

The current design is a 2 column layout. You must have the right column in order to have menu and promo boxes appear there. Take the column away (to go full wide with the left column) and you lose the menu and promo boxes.

[Darrin]

Thanks Tim.

I don't want to wrap around the vertical section, just get rid of it. So to create a duplicate template I just copy/rename your zip and change the css? (will that cause me licensing issues?)

And if I do want vertical menu items, how do I get them their? Both Horizontal and Vertical links from the template manager just take me to menu admin for the horizontal menu.

( I'm a soho/web design newbie :( , but I'm learning fast :) )

p.s. Why do I suddenly crave a coffee? ;)

[NST Inc Designer]

You're on the right track. Once you copy the entire template (unzip and rename) there is one file where you will have to edit the path to the new name you give the template. Open up pngbehaviour.htc and edit the path from:
../../sohoadmin/program/modules/site_templates/pages/PHASE2-Tech20-White_Blue/images/blank.gif

to
../../sohoadmin/program/modules/site_templates/pages/YOUR-NAME_Here/images/blank.gif

To make the page full wide find this in your index.html of your new copy of Tech 2.0:
<div id="col-left">

Change it to this:
<div id="col-left" style="background-image: none; width: 839px;">

now delete this:
<div id="col-right">
<div class="promobox">
#VSUBS#
</div>

<div class="promobox topspace">
#BOX1#
</div>
</div>

P.S. You must be Canadian if you're craving coffee! Not too many Americans get my avatar. :)

[NST Inc Designer]

Oh, I almost forgot. The vertical menu is a sub menu. So to display links here create some sub links in the menu manager and they will show up on the parent page (unless your using the full wide template on this page)