http://www.kriesi.at/support/topic/center-logo-and-center-menu Support Forum - Topic: Center Logo and Center Menu? en-US Thu, 23 May 2013 18:44:50 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-95043 Mon, 04 Feb 2013 16:17:09 +0000 Devin 95043@http://www.kriesi.at/support/ <p>Hi Alain,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:</p> <pre><code>#top #header .logo { left: 50%; margin-left: -68px; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-94925 Mon, 04 Feb 2013 07:12:19 +0000 AlainTernet 94925@http://www.kriesi.at/support/ <p>Thanks Ismael,<br /> I read your text again, and tried again but it still does not work properly ...<br /> So, I reset my code. My url site is: <a href="http://www.vestiges.ca" rel="nofollow">http://www.vestiges.ca</a><br /> Thanks for your help!<br /> Alain </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-94918 Mon, 04 Feb 2013 06:54:16 +0000 Ismael 94918@http://www.kriesi.at/support/ <p>Hi Alain,</p> <p>Have you adjusted the margins? I have mentioned this above:<br /> <code>This is based on the demo theme. For the logo adjust the margin-left value in .logo.bg-logo (the value depends on the width of your logo, the value you will add is -(half the width of your logo)px. For the main menu, also adjust the margin-left value (we cannot auto center the menu with the current layout. Hope this helps. :)</code></p> <p>So you should adjust it. If you still had a hard time, kindly post a link to your site, so we can assist further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-94915 Mon, 04 Feb 2013 06:40:34 +0000 AlainTernet 94915@http://www.kriesi.at/support/ <p>I just edited my post to add some info during you send a reply ;-)</p> <p>I use the "boxed" layout and I tried this code with partial result (not exactly centered):<br /> .logo {<br /> position: relative;<br /> left: 50%;<br /> }</p> <p>I tried your code like above and the logo disappear...</p> <p>@media only screen and (min-width: 960px) {<br /> .logo img {<br /> position: relative !important;<br /> left: 50% !important;<br /> }</p> <p> .logo img {<br /> margin-left: -140px !important;<br /> } </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-94913 Mon, 04 Feb 2013 06:37:12 +0000 Ismael 94913@http://www.kriesi.at/support/ <p>Hi Alain,</p> <p>Check the code I gave above, you should notice this on them:<br /> <code>.logo.bg-logo</code><br /> just replace it with<br /> <code>.logo img</code></p> <p>Hope this helps.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-94911 Mon, 04 Feb 2013 06:29:38 +0000 AlainTernet 94911@http://www.kriesi.at/support/ <p>Hi,<br /> I try to put the logo at center too, but that does not work with the Ismael code above.<br /> And I dont understand the "evopanop" comment (The .logo.bg-logo needed to be .logo img)<br /> Can someone clarify this ?</p> <p>I use the "boxed" layout and I tried this code with imperfect result:</p> <p>.logo {<br /> position: relative;<br /> left: 50%;<br /> }</p> <p>Alain </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88897 Wed, 19 Dec 2012 04:30:40 +0000 Ismael 88897@http://www.kriesi.at/support/ <p>Hi evopanop,</p> <p>Glad that we could help, and it's great that its fixed now. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88840 Tue, 18 Dec 2012 18:57:11 +0000 evopanop 88840@http://www.kriesi.at/support/ <p>Nevermind, Ismael. Figured it out.</p> <p>The .logo.bg-logo needed to be .logo img</p> <p>Thanks again for all of the help! :) </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88816 Tue, 18 Dec 2012 16:31:13 +0000 evopanop 88816@http://www.kriesi.at/support/ <p>Hey Ismael,</p> <p>Thanks! The Template Builder section was exactly what I was looking for. Can't believe I didn't notice that sooner, lol.</p> <p>Adding the !important to each line still didn't make the Logo centered. I've even tried putting that CSS code you provided into the custom.css and it still isn't working for the Logo. The menu centers just fine, though. Doesn't make any sense... Am I missing something? lol</p> <p>Thanks again in advance! </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88742 Tue, 18 Dec 2012 09:06:42 +0000 Ismael 88742@http://www.kriesi.at/support/ <p>Hi evopanop,</p> <p>Try changing the code I gave you with this code:<br /> <pre><code>@media only screen and (min-width: 960px) { .logo.bg-logo, #menu-main-menu { position: relative !important; left: 50% !important; } .logo.bg-logo { margin-left: -140px !important; } #menu-main-menu { margin-left: -175px !important; } }</code></pre> <p>The !important I have added ensures that the css code won't be overwritten with other styles. For these items, "Featured Products, Recent Collections, Recent Blog Entires, and Logos" , inside your WP Dashboard, go to Replete &gt; Template Builder &gt; Frontpage. You can see the frontpage elements there, just remove it. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88629 Mon, 17 Dec 2012 17:48:18 +0000 evopanop 88629@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>Thanks for the quick reply! That worked great for the menu, but didn't move the Logo at all. Any ideas?</p> <p>Here is the page:<br /> <a href="http://tadcllc.com" rel="nofollow">http://tadcllc.com</a></p> <p>Also, where in the PHP code do I need to go to remove the "Featured Products, Recent Collections, Recent Blog Entires, and Logos" areas from the Home Page of the site? I just want to remove those from the home page altogether. </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88268 Sat, 15 Dec 2012 04:10:44 +0000 Ismael 88268@http://www.kriesi.at/support/ <p>Hi evopanop,</p> <p>Try to add this code on your Quick CSS (Replete &gt; Styling) or the custom.css file (located in the css folder in the theme's folder):<br /> <pre><code>@media only screen and (min-width: 960px) { .logo.bg-logo, #menu-main-menu { position: relative; left: 50%; } .logo.bg-logo { margin-left: -140px; } #menu-main-menu { margin-left: -175px; } }</code></pre> <p>This is based on the demo theme. For the logo adjust the margin-left value in .logo.bg-logo (the value depends on the width of your logo, the value you will add is -(half the width of your logo)px. For the main menu, also adjust the margin-left value (we cannot auto center the menu with the current layout. Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-logo-and-center-menu#post-88252 Fri, 14 Dec 2012 21:46:06 +0000 evopanop 88252@http://www.kriesi.at/support/ <p>Hi, how would I go about centering the Logo and centering the Main Menu? (Centering them Horizontally across the Width of the page, not Vertically) I've looked through the CSS, but I'm just not positive which line of the code is centering those two items?</p> <p>Thanks in advance! :) </p>