http://www.kriesi.at/support/topic/flexible-width-for-sub-menus-if-the-sub-menu-text-is-longer Support Forum - Topic: Flexible width for sub-menus, if the sub-menu text is longer en-US Wed, 19 Jun 2013 05:33:39 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/flexible-width-for-sub-menus-if-the-sub-menu-text-is-longer#post-1238 Wed, 28 Jul 2010 17:36:21 +0000 colorit 1238@http://www.kriesi.at/support/ <p>Works fine, thank you very much. </p> http://www.kriesi.at/support/topic/flexible-width-for-sub-menus-if-the-sub-menu-text-is-longer#post-1211 Wed, 28 Jul 2010 16:25:11 +0000 James Morrison 1211@http://www.kriesi.at/support/ <p>You need to make 2 CSS edits to fix this:</p> <p>Open up style.css and find this code (around line 391) and change the width:</p> <pre><code>#top .catnav ul { display:none; left:-2px; position:absolute; top:74px; width:172px; }</code></pre> <p>Find this code (around line 399) and change the width:</p> <pre><code>#top .catnav li ul a { float:left; height:auto; padding:0 10px; text-align:left; width:150px; }</code></pre> <p>Whatever you add (in px) to the first code, add to the second one as well.</p> <p>I notice that at the moment you're not using sub &gt; sub navigation - if you do there is more code to change because one item will overlap the other.</p> <p>Let me know if you get stuck or anything goes wrong. </p> http://www.kriesi.at/support/topic/flexible-width-for-sub-menus-if-the-sub-menu-text-is-longer#post-1169 Wed, 28 Jul 2010 13:14:01 +0000 colorit 1169@http://www.kriesi.at/support/ <p>Hi,</p> <p>the text of some of my sub-menus are rather long and I would like to show it in 1 line, but the theme put it in 2 lines, if the text is too long:</p> <p><a href="http://i29.tinypic.com/rtdevn.jpg" rel="nofollow">http://i29.tinypic.com/rtdevn.jpg</a></p> <p>What can I change where, so that the width of the sub-menus is adapted to the length of the text in it (= 1 submenu in 1 line, no matter how long the text is)?</p> <p>Live: <a href="http://tinyurl.com/28ljgnp" rel="nofollow">http://tinyurl.com/28ljgnp</a> (--&gt; menu "Second")</p> <p>Thanks. </p>