Sub-Tabs Width

[Dustin Canestorp]

Does anybody have any idea on how to increase the width of the sub-tabs on the navigation bar. I know that there is a limit to 24 characters but I'm only using 21. It kicks the title down onto a second line and I would like to keep it all on one line. Our website is BeerArmy.com and if you hover over our festivals tab, you see the last sub-tab (Jolly Skull Beer Fest) kick down on a second line with the word Fest.

I've literally gone through every thread on here with a sub-tab tag and haven't found an answer. I've also searched the net for a snippet of script as I think it would be something that would need to be tweaked in the CSS editor.

[Anthony]

Try this.

#xg_navigation ul div.xg_subtab ul li a {width: 168px;text-align: center;} 

If you don't like the text centered, take that part out. 

[Dustin Canestorp]

Anthony, thanks for your suggestion. I tried adding it to my custom code box on our test network as, <script type=#xg_navigation ul div.xg_subtab ul li a {width: 168px}</script> but it had no effect. Am I missing something?

[AnGella]

You want to add it to your appearance section under "Advanced" with your CSS.

[Dustin Canestorp]

AnGella, thanks! Worked like a charm.

[AnGella]

You're welcome.  :)

[Dustin Canestorp]

To all, Anthony's code with AnGella clarification is the correct answer. I saw many posts with the same question but no answer. To sum up, use the code #xg_navigation ul div.xg_subtab ul li a {width: 168px} in the advanced section of your appearance settings. You'll have to click publish for the settings to take effect. If you want a longer or shorter drop down sub tab, you control that with the amount of pixels at the end of the code string above.

[Riccardo Rossini]

How can I create a centered sub tab with links inside?