http://www.kriesi.at/support/topic/logo-main-menu-position Support Forum - Topic: Logo & Main Menu Position en-US Wed, 19 Jun 2013 19:13:13 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/logo-main-menu-position#post-72052 Tue, 21 Aug 2012 08:31:07 +0000 RSL 72052@http://www.kriesi.at/support/ <p>Hi,</p> <p>Thanks for the reply, it helped but I had to change the 'px' values to '%' values otherwise in a resized browser the responsiveness would mess everything up.</p> <p>This is what worked for me:</p> <p>For the logo:</p> <p>h1.logo {<br /> left: 50%;<br /> margin-left: -82px !important;<br /> }</p> <p>&amp; the menu:</p> <p>.main_menu {<br /> position:relative;<br /> right:-27%;<br /> top: 0;<br /> }</p> <p>It's resolved now. Thanks </p> http://www.kriesi.at/support/topic/logo-main-menu-position#post-72034 Tue, 21 Aug 2012 05:29:02 +0000 Ismael 72034@http://www.kriesi.at/support/ <p>Hi RSL,</p> <p>Just add this code to your Quick CSS:</p> <p>For the logo to be centered:<br /> <pre><code>h1.logo { left: 50% !important; margin-left: -59px !important; }</code></pre> <p>Just adjust the margin-left value(to negative 50% of the actual width of the image, in this example, the width of the image is 118px)</p> <p>For the menu:<br /> <pre><code>.main_menu { margin-left: 260px; position: relative; top: 0; }</code></pre> <p>If this doesn't work, try to use this code instead:<br /> <pre><code>.main_menu { margin-left: 260px !important; position: relative !important; top: 0 !important; }</code></pre> <p>Just adjust the margin-left value, to make sure it is centered, we can't center the menu automatically, so just adjust it so it can be centered. Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/logo-main-menu-position#post-71702 Sat, 18 Aug 2012 21:15:25 +0000 RSL 71702@http://www.kriesi.at/support/ <p>Hi,</p> <p>What CSS do I need to centre the logo &amp; have the menu centred below it?</p> <p>Thanks </p>