http://www.kriesi.at/support/topic/menu-allignment Support Forum - Topic: Menu allignment en-US Sat, 18 May 2013 15:49:09 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/menu-allignment#post-46625 Fri, 16 Mar 2012 20:05:29 +0000 Devin 46625@http://www.kriesi.at/support/ <p>Glad that you found a fix. Some of the older themes from Kriesi aren't as bendable for every circumstance so you've gotta have a little bit of give when customizing them. </p> http://www.kriesi.at/support/topic/menu-allignment#post-46237 Wed, 14 Mar 2012 14:08:20 +0000 thoddi 46237@http://www.kriesi.at/support/ <p>I discovered that it has to do with the number of menu items. I removed a couple and left only 4 main items, and it popped right in place on the right side of the logo. I think I will just add some sub-menus to the main menu, and hope to solve it that way.</p> <p>Thanks so far:-) </p> http://www.kriesi.at/support/topic/menu-allignment#post-46220 Wed, 14 Mar 2012 12:25:01 +0000 thoddi 46220@http://www.kriesi.at/support/ <p>Hi, thanks!</p> <p>This fix divided the navbar onto two lines... the last menu item was forced to go on a new line. I changed the padding to 10px to keep it on one line. </p> <p>But it's not quite what I'm looking for... I'd like the menu to stay to the right of the logo, and not under it. More like you have it on the demo page, and how it appears if I turn on the main menu from the demo content. </p> <p>How's that done? </p> http://www.kriesi.at/support/topic/menu-allignment#post-46089 Tue, 13 Mar 2012 21:20:18 +0000 Devin 46089@http://www.kriesi.at/support/ <p>Hi thoddi,</p> <p>Change your menu items from using a set width to padding for the spacing:<br /> <pre><code>.main_menu .menu &gt; li{ float:left; padding: 20px; line-height: 1.6em; }</code></pre> http://www.kriesi.at/support/topic/menu-allignment#post-45837 Mon, 12 Mar 2012 11:41:23 +0000 thoddi 45837@http://www.kriesi.at/support/ <p>I have the same problem, but your CSS-fix doesn't seem to work at my page... Could you have a look and tell me why my menu items are not evenly distributed? <a href="http://pastabakeriet.no/beta/" rel="nofollow">http://pastabakeriet.no/beta/</a></p> <p>PS! I take it that it is the page_id you're referring to when you say that "Each menu item has its own id"? </p> http://www.kriesi.at/support/topic/menu-allignment#post-32398 Fri, 18 Nov 2011 21:58:45 +0000 Chris Beard 32398@http://www.kriesi.at/support/ <p>Glad that Dude could help :) </p> http://www.kriesi.at/support/topic/menu-allignment#post-32396 Fri, 18 Nov 2011 21:54:23 +0000 iridaproduzioni 32396@http://www.kriesi.at/support/ <p>Thanks<br /> Fbrz </p> http://www.kriesi.at/support/topic/menu-allignment#post-31648 Thu, 10 Nov 2011 18:30:31 +0000 Dude 31648@http://www.kriesi.at/support/ <p>You can only adjust each menu item width individually then. Open up custom.css and add the code like:<br /> <pre><code>li.menu-item-2097{ width: 60px; }</code></pre> <p>Each menu item has its own id - i.e. in this case 2097. You can find the id in the source code (right click &gt; view source code). For each menu item duplicate the code above and change the item id + width value. </p> http://www.kriesi.at/support/topic/menu-allignment#post-31622 Thu, 10 Nov 2011 09:11:37 +0000 iridaproduzioni 31622@http://www.kriesi.at/support/ <p>Hi,</p> <p>I've tryed as you say, but I don't think it's the padding.</p> <p>It's like if you have five fixed columns: If you fill each column with words of different lengths, the distance between each item depends on the length of each word</p> <p>But if the columns are not fixed, if they fit the length of the word, then the space between each text item will depend on the padding.</p> <p>This is what I think, but only in theory, because I am not a programmer.</p> <p>Per il momento lascio tutto com'è. If you have any idea about what I'm sayng, please tell me.</p> <p>Thanks for your time</p> <p>Fabrizio </p> http://www.kriesi.at/support/topic/menu-allignment#post-31603 Thu, 10 Nov 2011 06:01:15 +0000 Chris Beard 31603@http://www.kriesi.at/support/ <p>Hi,<br /> in your style.css find:</p> <p><code>.main_menu .menu &gt; li</code></p> <p>change it to<br /> <pre><code>.main_menu .menu &gt; li { float: left; line-height: 1.6em; padding: 0pt 20px; }</code></pre> <p>In your custom.css remove the width you've set for the same item. The width shouldn't be stated anywhere for this item. The padding:0pt 20px; =&gt; the 20 controls the padding on the left &amp; right of the element, you can change this to any value you'd like. </p> http://www.kriesi.at/support/topic/menu-allignment#post-31538 Wed, 09 Nov 2011 11:03:56 +0000 iridaproduzioni 31538@http://www.kriesi.at/support/ <p>Sorry,<br /> something like THIS:</p> <p>HOME (------------) CHI SIAMO (-----) ATELIER (-----) BLOG (------------) CONTATTI</p> <p>bye<br /> fbrz </p> http://www.kriesi.at/support/topic/menu-allignment#post-31537 Wed, 09 Nov 2011 11:02:20 +0000 iridaproduzioni 31537@http://www.kriesi.at/support/ <p>Hi,</p> <p>I didn't solve it.<br /> On the top menu I still have more white space between "HOME" and "CHI SIAMO" than the space between "CHI SIAMO" and "ATELIER". The same, "ATELIER" and "BLOG" are closer than "BLOG" and "CONTACT".</p> <p>Something like this:</p> <p>HOME CHI SIAMO ATELIER BLOG CONTATTI</p> <p>Reguards<br /> fbrz </p> http://www.kriesi.at/support/topic/menu-allignment#post-31514 Wed, 09 Nov 2011 08:07:48 +0000 Dude 31514@http://www.kriesi.at/support/ <p>Hey,<br /> did you solve the problem? As far as I can see the spaces are constant on your website now. </p> http://www.kriesi.at/support/topic/menu-allignment#post-31436 Tue, 08 Nov 2011 11:26:03 +0000 iridaproduzioni 31436@http://www.kriesi.at/support/ <p>Hi,<br /> have another question about top menu in <a href="http://www.madoridesign.com" rel="nofollow">http://www.madoridesign.com</a></p> <p>The white space between menu items isn't constant (like it is in <a href="http://salon.angelica.co.za)" rel="nofollow">http://salon.angelica.co.za)</a>.<br /> It seems to be related to the length of the item: the space between "Chi siamo" and "Atelier" is less than the one between "Blog" and "Contatti".<br /> Is there a way to have this white space fixed?</p> <p>Thanks<br /> fbrz </p> http://www.kriesi.at/support/topic/menu-allignment#post-31430 Tue, 08 Nov 2011 08:58:43 +0000 iridaproduzioni 31430@http://www.kriesi.at/support/ <p>Thank you,<br /> solved with your help and this topic: <a href="http://www.kriesi.at/support/topic/modifying-the-velvet-menus" rel="nofollow">http://www.kriesi.at/support/topic/modifying-the-velvet-menus</a>.</p> <p>bye<br /> fbrz </p> http://www.kriesi.at/support/topic/menu-allignment#post-31275 Sun, 06 Nov 2011 03:11:53 +0000 Chris Beard 31275@http://www.kriesi.at/support/ <p>Hi,<br /> in your style.css you can find<br /> <code>.main_menu .menu &gt; li</code><br /> between the brackets you can change the width value to whatever you'd like, I think 100px is a good value. </p> http://www.kriesi.at/support/topic/menu-allignment#post-31216 Fri, 04 Nov 2011 22:14:18 +0000 iridaproduzioni 31216@http://www.kriesi.at/support/ <p>Hi,</p> <p>I've a question about the main menu area. I've now six items on my menu <a href="http://www.madoridesign.com" rel="nofollow">http://www.madoridesign.com</a> (home, chi siamo, atelier, progetti, contatti, blog). The menu area goes under the logo image instead being beside it. Just to explain batter, I need it to be like this mai menu: <a href="http://salon.angelica.co.za" rel="nofollow">http://salon.angelica.co.za</a>.</p> <p>Can you help me?</p> <p>Reguards<br /> Fbrz </p>