Forums / Templates, Stylesheets, Page Layout / How to move Category Tabs to next line?

How to move Category Tabs to next line?

Locked

Views: 1,194

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
13 May 2010, 2:02 AM
#1
vitalyk78 avatar

vitalyk78

New Zenner

Join Date:
May 2010
Location:
Canada BC
Posts:
6
Plugin Contributions:
0

How to move Category Tabs to next line?

How to move Category Tabs to next line? i have to many categories and having problem with category tabs in one line going over page border.
please see
ftaelectronics.ca

13 May 2010, 3:51 AM
#3
vitalyk78 avatar

vitalyk78

New Zenner

Join Date:
May 2010
Location:
Canada BC
Posts:
6
Plugin Contributions:
0

Re: How to move Category Tabs to next line?

Yes it will show normal in firefox but not in IE! Most people use IE, I need to correct it

13 May 2010, 9:38 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How to move Category Tabs to next line?

Find this in your stylesheet and remove the red part:

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
white-space: nowrap;
}

14 May 2010, 5:26 AM
#5
vitalyk78 avatar

vitalyk78

New Zenner

Join Date:
May 2010
Location:
Canada BC
Posts:
6
Plugin Contributions:
0

Re: How to move Category Tabs to next line?

Thank you
This worked Great!

But The TAB got splite in to Two lines " Satellite Dishes Tab"
How can I fix this with out removing words?:frusty:

14 May 2010, 5:53 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to move Category Tabs to next line?

Maybe apply the nowrap to the inner element instead of to the li?

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
white-space: nowrap;
}