http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top Support Forum - Topic: Reduce header height and move menu to top en-US Thu, 23 May 2013 12:57:55 +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-and-move-menu-to-top#post-77365 Wed, 26 Sep 2012 02:46:36 +0000 Ismael 77365@http://www.kriesi.at/support/ <p>Hi Syl,</p> <p>Glad that we could help. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-77306 Tue, 25 Sep 2012 18:35:38 +0000 SylD 77306@http://www.kriesi.at/support/ <p>Hi, it worked perfectly when I pasted it in just as you had it. Thank you so much!</p> <p>~Syl </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-77072 Mon, 24 Sep 2012 08:44:49 +0000 Ismael 77072@http://www.kriesi.at/support/ <p>Hi Syl,</p> <p>Try to add this code in your Quick CSS or custom.css:<br /> <pre><code>.main_menu { position: absolute; bottom: 30px; margin-left: 360px; }</code></pre> <p>Just adjust the bottom value(the higher the value, the more it is pushed upwards) and margin-left value(the higher the value, the more it is pushed to the right). Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-76963 Sun, 23 Sep 2012 04:28:01 +0000 SylD 76963@http://www.kriesi.at/support/ <p>Hello, I'd like to try to move the menu to the right of the logo as well, in order to cut down on blank space. I'm nervous to try this on my own as this is the second thread I've read where there were issues with white space, etc. I'm good at following directions though. Can anyone please give me a quick step by step of which files to edit &amp; how? Much appreciated!<br /> ~Syl </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63759 Thu, 05 Jul 2012 03:16:08 +0000 Ismael 63759@http://www.kriesi.at/support/ <p>Hi mishka48,</p> <p>Glad that we could help you. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63751 Thu, 05 Jul 2012 01:12:58 +0000 mishka48 63751@http://www.kriesi.at/support/ <p>Thanks, that worked! </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63592 Wed, 04 Jul 2012 06:24:03 +0000 Ismael 63592@http://www.kriesi.at/support/ <p>Hello mishka48,</p> <p>Drop this on your custom.css</p> <pre><code>#header .container { min-height: 100px; z-index: 100; overflow: visible; background: none; height: 100px!important; } div .logo { padding: 0 0 20px 0; min-height: 100px; margin-bottom: 0; padding: 0; } .main_menu { bottom: -30px; } #searchform { position: relative; float: left; margin: 0; min-width: 173px; display: none; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63573 Wed, 04 Jul 2012 05:07:01 +0000 mishka48 63573@http://www.kriesi.at/support/ <p>Hi!</p> <p>I tried to do the same, but can't achieve result that I need. Can you take a look: <a href="http://webart21.ru/" rel="nofollow">http://webart21.ru/</a><br /> I need to reduce header container size to 100px. (remove this empty space under menu). Then I want to completely remove search box and align social share icons to the right side.<br /> And excuse me for one more question: I'm planning to install <a href="http://inoplugs.com/wpml">WPML</a>, where is the place for <a href="http://inoplugs.com/wpml">WPML</a> flags in theme? Are they appears in menu or near social icons?<br /> Excuse my poor English.</p> <p>Kind Regards </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63151 Mon, 02 Jul 2012 09:01:52 +0000 Dude 63151@http://www.kriesi.at/support/ <p>Hi! </p> <p> Glad that I could help you :) </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63097 Sun, 01 Jul 2012 15:43:09 +0000 larsdaniel 63097@http://www.kriesi.at/support/ <p>Thanks, that worked! </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63075 Sun, 01 Jul 2012 13:24:53 +0000 Dude 63075@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try to add following code to css/custom.css:</p> <pre><code>.main_menu { top: -73px; } div .logo { height: 65px; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63071 Sun, 01 Jul 2012 13:17:31 +0000 larsdaniel 63071@http://www.kriesi.at/support/ <p>Please ? :-) </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63026 Sat, 30 Jun 2012 22:55:42 +0000 larsdaniel 63026@http://www.kriesi.at/support/ <p>Ok, now I have positioned the menu like i want it, but I have this white space between the header and the slideshow that I just can´t figure out how to get rid of.<br /> Anyone?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63019 Sat, 30 Jun 2012 18:35:41 +0000 larsdaniel 63019@http://www.kriesi.at/support/ <p>Haha! *humming*: "Nice work if you can get, and you can get it if you try." </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-63016 Sat, 30 Jun 2012 17:51:35 +0000 jwferne 63016@http://www.kriesi.at/support/ <p>Can't help much on the coding, but your job seems like a most pleasurable one! </p> http://www.kriesi.at/support/topic/reduce-header-height-and-move-menu-to-top#post-62988 Sat, 30 Jun 2012 10:47:43 +0000 larsdaniel 62988@http://www.kriesi.at/support/ <p>I can´t figure out what is keeping the header from being reduced is height. I tried adjusting with the min-height variable, but something is keeping it from going to the min-height I set. (Right now it is set to 10px just for testing).<br /> I am aiming at a height that leaves as much space under the logo, as there is now above the logo.<br /> Also I want to move the menu up the the upper edge of the header. I found out how to move it to the right, but not how to move it up.</p> <p>A big thanks :-)</p> <p>(Oh, my work in progress is here: <a href="http://www.thevelvetroom.dk" rel="nofollow">http://www.thevelvetroom.dk</a> ) </p>