Nav issue. Rookie status here!

[force]

I'm a rookie but the site is coming a long very nicely.

Right now I have a small issue I'm trying to work out but I cannot seem to find the right code.

On the top nav bar for the categories. When the browser is fully open it looks fine, but when you make your browser smaller the last category on the nav bar goes under the first category.

Is there a way to make this maybe a set value so that people just have to scroll to the right to see the rest of the nav. listings? I just don't want this last category to move under the first category when the browser is too small.

I have already tried, making the nav. a set height, and the width is at 100%. I have also tried making the display a block and even an inline-block.

Don't matter what I do, the text keeps going to a second row.

I know this is a simple fix...but as a rookie...this 1 min fix is taking several hours now...lol

Any help would be great. Thanks.

[Kim]

Your URL?

[force]

Your URL?

ZC Beta

[rbarbour]

in your stylesheet look for

#mainWrapper

change the width from % to px, example below


#mainWrapper {
width:1010px !important;
}

[force]

Thanks rbarbour...it did solve the issue of the nav text moving, but then it created a bigger issue with the whole page centering itself in the middle.

At 100% I like the fact that the whole page don't matter what size the browser is, looks complete. All the colors in the header, footer...go endlessly from side to side.

At a set number the page centers and there is a huge gap of whiteness on the left and the right. The page ends.

I guess is there a way maybe just setting the nav bar to a set number instead of the main wrap?

[force]

...okay so I took my theory and hunted down the navCatTabsWraper and set that at 1010px instead of 100%.

AND...

It worked!

Thanks rbarbour...your help...was a step in the right direction. Thanks!

[force]

...okay so I thought it solved it, but by making the navCatTabsWrapper a set number the bar did not shrink causing the links to overlap, which is what I wanted.

But, then the opposite happened, when you open the browser way up...the nav bar ended and the header color showed making the nav bar look incomplete.

The solution I found was not to set the width at a set amount, but keep it at 100%. And then add a "min-width" of 1010px along with it.

So the nav bar would not go below 1010px, and it can get extended endlessly by 100%.