http://www.kriesi.at/support/topic/having-trouble-centering-logo-and-drop-menu-under-the-logo Support Forum - Topic: Having trouble Centering logo and Drop menu under the logo . en-US Sun, 19 May 2013 18:50:47 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/having-trouble-centering-logo-and-drop-menu-under-the-logo#post-100160 Fri, 08 Mar 2013 03:09:26 +0000 Devin 100160@http://www.kriesi.at/support/ <p>Yes, you can add .home to each css selector so it only targets the home body class.</p> <p>The menu is centered by its width and elements inside so it may need some additional tweaking. The above css is really just to get you started individual adjustment and customization is beyond what we can do via support. Specifically so with a menu centering like this since it matters what the width of the menu is set to and that will change whenever you change the menu.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/having-trouble-centering-logo-and-drop-menu-under-the-logo#post-100087 Thu, 07 Mar 2013 18:00:45 +0000 ceciliekorst 100087@http://www.kriesi.at/support/ <p>Awesome that worked perfectly except the menu is still a little off center .<br /> Another question i have is it possible to only apply the Css alignment to just the front page ?</p> <p>Css -</p> <p>.dynamic-column-title {<br /> display: none;<br /> }</p> <p>.logo a, .logo a img {<br /> width: 358px;<br /> height: 80px;<br /> }</p> <p>#top .main_menu {<br /> width: 358px;<br /> margin: 0 auto;<br /> float: none!important;<br /> left: auto;<br /> }</p> <p>.logo, .logo a {<br /> float: none;<br /> margin: 0 auto;<br /> }</p> <p>#header .container {<br /> min-height: 100px;<br /> height: 138px;<br /> } </p> http://www.kriesi.at/support/topic/having-trouble-centering-logo-and-drop-menu-under-the-logo#post-100071 Thu, 07 Mar 2013 16:53:27 +0000 Devin 100071@http://www.kriesi.at/support/ <p>Hi ceciliekorst,</p> <p>Using !important will overwrite the responsive changes later on. Your best route would be to define the width and then use the auto margin trick to center it ( margin:0 auto; ). Then change the width for the other layouts with media queries.</p> <p>You can start with:<br /> <pre><code>#top .main_menu { width: 358px; margin: 0 auto; float: none !important; left: auto; } .logo, .logo a { float: none; margin: 0 auto; } #header .container { min-height: 100px; height: 138px; }</code></pre> <p>And then add this for the mobile size changes:<br /> <pre><code>/* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /*add your mobile css changes here*/ }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/having-trouble-centering-logo-and-drop-menu-under-the-logo#post-99974 Thu, 07 Mar 2013 05:34:54 +0000 ceciliekorst 99974@http://www.kriesi.at/support/ <p>I am having troubles Centering the logo and it staying centered in the page while i change my Browser size.<br /> It is also not centered on mobile devices . It looks good on a full size desktop screen though .<br /> Below is the code i used to center the Logo .</p> <p>h1.logo {<br /> left: 50%!important;<br /> margin-left: -175px!important;<br /> }</p> <p> . I also want to drop the menu under the logo and i want both to be centered . But im not sure where to start there.</p> <p>The website is Wickedbroom.com</p> <p>Thanks in Advanced . </p>