Top align left column? or change top header to center only.

[byoriginaldesign]

Hello,

I thought this would be a simple layout change, but apparently not... There is a gap between the header and left column that makes the site look less appealing, and I assume it is do to the below headers categories being across the page width.

I would like to change the top categories to only be in the center column, so the left column will no longer have the gap above it.

Site is www.wholesale4realtors.com with a classic modified template.

Any suggestions appreciated.

[stevesh]

You shouldn't need to change navCatTabs. You con move those boxes up with some negative margin-top in #navColumnOne.

#navColumnOne {margin-top:-30px;}

[byoriginaldesign]

I gave that a shot but nothing changed. I think if I could figure out how to put the top categories centered above the breadcrumbs on the center column, then just turn off the header categories, that would do the trick.

[gjh42]

#navColumnOne is a table cell and can't be affected like that by CSS.

#navColumnOneWrapper {margin-top:-30px;} will work fine, as that is a div inside #navColumnOne.

[stevesh]

#navColumnOneWrapper {margin-top:-30px;} will work fine, as that is a div inside #navColumnOne.

Sorry, that's what I meant.

[byoriginaldesign]

That did work , but it adds a question I'm sure I'll run in to in a few days. When I add more top categories they will not wrap based on this change, so the categories will end up being behind the left col div. What else would I change to define a left margin for the top category div?

[gjh42]

#navCatTabsWrapper {margin-left: 250px;}

[byoriginaldesign]

Thank you both, that's the exactly what I needed...