Widen SubNav menu

[danboyle 0]

How can I make the subnav button wider to hold longer page titles on one line? Thanks for the help. http://www.naplesrealestatestars.com/

[bryan-hadaway 3]

Your link is just a placeholder site, no WordPress install. To help you out I'll at least need to know what theme you're using. Thanks, Bryan

[rennert 0]

Had the same question with PlatformPro. I tried to widen it just for a single sub-nav with this code:

ul#menu-nav li.page-item-17 ul.children { width: 20em; }

... it works. rennert.at

[rennert 0]

Is there any possibility to make those sub-navs automatically as wide as the content?

[cmunns 16]

Uli you would want to use a percentage value as the width instead of the em value. Usually setting the ul to 100% and the li's to a evenly dividable number of 100 you get them all the way across.

[danboyle 0]

Brian, sorry the site was missing. It's back up now. Uli's code didn't have any effect for me regardless of the value substituted for 20em.http://www.naplesrealestatestars.com/ Thanks

[danboyle 0]

Strange thing... I found this code with Firebug... #primary-nav ul.sf-menu ul li { width: 100%; } Changing the 100% value to 25em or 30em worked with Firebug but when I pasted the code into base.css nothing happened. Any clue? Thanks, Dan

[cmunns 16]

Oh! you are talking about the dropdowns. Well I would just make them wide enough to accomodate the longest value. And if you want the text to not wrap then use: ` #primary-nav ul.sf-menu ul li a { white-space: nowrap; } `