http://www.kriesi.at/support/topic/reduce-header-height Support Forum - Topic: reduce header height en-US Wed, 19 Jun 2013 02:33:22 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/reduce-header-height#post-70424 Fri, 10 Aug 2012 06:14:21 +0000 Devin 70424@http://www.kriesi.at/support/ <p>It looks like there is an additional class on certain pages. We'll need to clear it out. 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:<br /> <pre><code>.shift_menu .main_menu { margin-top: 0px; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/reduce-header-height#post-70048 Wed, 08 Aug 2012 20:02:21 +0000 ATX 70048@http://www.kriesi.at/support/ <p>Thx Devin, esp for quick response.</p> <p>I've played around with your suggested code (see my edit below) and it's helped.<br /> My efforts are trial and error since I have a sketchy understanding of CSS. </p> <p>But now buttons change depending which page I'm on (see site: <a href="http://beastsyndicate.com/wordpress)" rel="nofollow">http://beastsyndicate.com/wordpress)</a>.</p> <p>It would be ideal to have them always centered in header bar, as per image/logo (but OK if they are in line with base of logo). I just need it to be consistent across all pages. FYI, I'm using a 50px high image/logo.</p> <p>Appreciate any further guidance you can offer.</p> <p>My edits to your code:</p> <p>div .logo {<br /> padding: 20px 0 13px 0;<br /> min-height: 10px;<br /> }<br /> #header .container {<br /> min-height: 10px;<br /> }<br /> .main_menu {<br /> height: 1px;<br /> margin: 0px 0;<br /> } </p> http://www.kriesi.at/support/topic/reduce-header-height#post-70026 Wed, 08 Aug 2012 16:12:14 +0000 Devin 70026@http://www.kriesi.at/support/ <p>Hi ATX,</p> <p>The header height is a combination of the logo height, its padding and the navigation and its height and margin. 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>div .logo { padding: 20px 0 13px 0; min-height: 100px; } #header .container { min-height: 160px; } .main_menu { height: 15px; margin: 9px 0; }</code></pre> <p>Play with the above values to get your desired result. Its a bit hard to give exact changes without looking at your site but that should give you enough control to make most of the difference.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/reduce-header-height#post-70025 Wed, 08 Aug 2012 16:01:20 +0000 ATX 70025@http://www.kriesi.at/support/ <p>I'm using Coherence theme and want to reduce the header height by approx 50% (thickness, not position on page).</p> <p>How would I do this - I need the actual css code modification and also where to make the change.</p> <p>Many thx.</p> <p>PS; LOVEING the theme! </p>