treats Support Forum - User Favorites: treats en-US Wed, 19 Jun 2013 15:56:31 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/css-advice-headermenu#post-68058 Sat, 28 Jul 2012 06:07:12 +0000 Dude 68058@http://www.kriesi.at/support/ <p>Hi! </p> <p> Glad that you solved the problem :) </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/css-advice-headermenu#post-68037 Sat, 28 Jul 2012 01:19:05 +0000 treats 68037@http://www.kriesi.at/support/ <p>Figured it out. Thanks you </p> http://www.kriesi.at/support/topic/css-advice-headermenu#post-68021 Fri, 27 Jul 2012 22:11:18 +0000 treats 68021@http://www.kriesi.at/support/ <p>Thank you for your help. I am still trying to collapse the space between the menu and the slideshow, any suggestions? Also, how can I remove the line around the block that includes the body content? <a href="http://new.treats-unleashed.com" rel="nofollow">http://new.treats-unleashed.com</a><br /> Cheers- teresa </p> http://www.kriesi.at/support/topic/css-advice-headermenu#post-67822 Thu, 26 Jul 2012 23:17:51 +0000 Ismael 67822@http://www.kriesi.at/support/ <p>Hello,</p> <p>This might help.</p> <pre><code>#header { margin-bottom: 0; } #header .container { min-height: 50px; padding: 25px 0 0 0; border-bottom: none; } .main_menu { float: left!important; padding-bottom: 0; top: 39px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/css-advice-headermenu#post-67805 Thu, 26 Jul 2012 20:00:29 +0000 treats 67805@http://www.kriesi.at/support/ <p>I'd like to move the menu to the right of my logo and remove the extra space and line between the header and the slideshow. Can you help? I have used an answer to another post in my custom.css but the alignment is wrong and I can't seem to correct it.</p> <p>what i'm working towards is at <a href="http://new.treats-unleashed.com/final_framework.jpg" rel="nofollow">http://new.treats-unleashed.com/final_framework.jpg</a>.</p> <p>thank you </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-65999 Tue, 17 Jul 2012 04:34:21 +0000 Ismael 65999@http://www.kriesi.at/support/ <p>Hi Wyko,</p> <p>Thanks, I'll be sure to post here if I can find a solution to it.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-65920 Mon, 16 Jul 2012 17:30:36 +0000 Wyko 65920@http://www.kriesi.at/support/ <p>Aye. Well, think on it if you can. I'll post back here in a week or two in the hope you'll have any new ideas. In the meantime, I'll poke around as well. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-65863 Mon, 16 Jul 2012 14:33:24 +0000 Ismael 65863@http://www.kriesi.at/support/ <p>Hi Wyko,</p> <p>As of now, I am not sure on how to get rid of it. :(</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-65439 Fri, 13 Jul 2012 14:58:50 +0000 Wyko 65439@http://www.kriesi.at/support/ <p>Almost! check out <a href="http://www.getgeek.org" rel="nofollow">http://www.getgeek.org</a> and squeeze the page really tight. The phone number overlaps the logo. I think changing the width of the number so that it line wraps beside the logo would fix it, but changing the width just move is to the left.</p> <p>Also... That white bar at the bottom is a bit more annoying than I thought it would be. Is there anything we can do about it? </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64649 Tue, 10 Jul 2012 05:33:04 +0000 Ismael 64649@http://www.kriesi.at/support/ <p>Hi Wyko,</p> <p>Kindly open wp-content/themes/choices/css/layout.css, and find this line of code:<br /> <code>@media only screen and (max-width: 767px) {</code><br /> paste this code below it:<br /> <pre><code>#top #slideshow_big, #main { top: -80px !important; } .responsive .header_meta .small_header_info { top: -220px !important; text-align: right !important; font-size: 9px !important; }</code></pre> <p>Hope this fixes the mobile issues. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64561 Mon, 09 Jul 2012 19:19:17 +0000 Wyko 64561@http://www.kriesi.at/support/ <p>Hmmm... also, there's a white bar at the very bottom of the pages now. To be honest I don't really care about it much, but if you have a quick idea about it, that would be nice. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64529 Mon, 09 Jul 2012 16:32:27 +0000 Wyko 64529@http://www.kriesi.at/support/ <p>Ismael: Your advice has been great so far, and I really appreciate your help. </p> <p>How about this to maybe make it simpler: Can we just make the mobile version's layout the way it is in the original, without the modifications that the wide version gets? Maybe that would fix this. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64493 Mon, 09 Jul 2012 11:51:02 +0000 Wyko 64493@http://www.kriesi.at/support/ <p>Wow, that looks like it completely fixed the normal width version the the site! I love what that looks like :)</p> <p>The mobile version, though, is still wrong. The code you gave for the support hotline pushed it out of the way, but not where it needed to go. Also, the breadcrumbs in the mobile version still have a gap space.</p> <p><a href="http://i.imgur.com/cqHzC.png" rel="nofollow">http://i.imgur.com/cqHzC.png</a></p> <p>at <a href="http://www.getgeek.org/temp" rel="nofollow">http://www.getgeek.org/temp</a> </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64448 Mon, 09 Jul 2012 06:29:11 +0000 Ismael 64448@http://www.kriesi.at/support/ <p>Hi Wyko,</p> <p>For the slideshow and breadcrumb, try to use this code:<br /> <pre><code>#top #slideshow_big, #main { top: -38px !important; }</code></pre> <p>Just adjust the top value.</p> <p>For the Support hotline, use this code:<br /> <pre><code>.small_header_info { right: 250px !important; }</code></pre> <p>Just adjust the right value. Increasing the value pushes the Support hotline to the left.</p> <p>Hope this would help you. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64433 Mon, 09 Jul 2012 04:39:45 +0000 Wyko 64433@http://www.kriesi.at/support/ <p>Hey Ismael! Thanks for your reply; it's the best solution yet, since it's gotten the best looking results.. However, there are still a few issues with the layout.</p> <p>For reference: <a href="http://imgur.com/a/En4SL#0" rel="nofollow">http://imgur.com/a/En4SL#0</a></p> <p>I had to use the Min-distance version to get it to shrink properly. After using it:</p> <p>- The slideshow grew something like 25 pixels higher than the image inside of it<br /> - The "Support Hotline" is placed in the middle of other content in the mobile layout<br /> - The breadcrumb bar grew much too large and off-center.</p> <p>Thanks for your work! </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64326 Sun, 08 Jul 2012 07:34:37 +0000 Ismael 64326@http://www.kriesi.at/support/ <p>Hi Wyko,</p> <p>Try to add this code:<br /> <pre><code>#menu_container { height: 140px !important; }</code></pre> <p>if that doesn't work, try to use this one instead:<br /> <pre><code>#menu_container { height: 140px !important; min-height: 140px !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-64089 Fri, 06 Jul 2012 12:58:18 +0000 Wyko 64089@http://www.kriesi.at/support/ <p>To recap for everyone: I need the header height to be about 140px without breaking the theme. Anyone? </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63995 Fri, 06 Jul 2012 02:20:39 +0000 Wyko 63995@http://www.kriesi.at/support/ <p>Ismael;</p> <p>That didn't work very well, I'm afraid. The padding at the top of the logo is fine, and as you can see from the previous screenshots I've figured out how to move the menu to where it needs to be. The problem is the space underneath the logo, which needs to be about as much as the space above it.</p> <p>Here's what happened after adding your code: <a href="http://imgur.com/nGmyM" rel="nofollow">http://imgur.com/nGmyM</a></p> <p>Thanks for your contribution though! I hope we can work this out eventually. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63992 Fri, 06 Jul 2012 02:04:07 +0000 Ismael 63992@http://www.kriesi.at/support/ <p>Hey,</p> <p>Please remove the changes made on your header then try this snippets.</p> <pre><code>div .logo { padding: 0px; clear:none; } .main_menu { top: 55px; left: 15px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63983 Fri, 06 Jul 2012 00:22:55 +0000 Wyko 63983@http://www.kriesi.at/support/ <p>Devin; I tried what you posted, and not much happened. Only a rnadom blue line appeared right at the height I want the header to be shortened to. I made a screenshot of the layout.css and the page:</p> <p><a href="http://i.imgur.com/5XVCJ.png" rel="nofollow">http://i.imgur.com/5XVCJ.png</a> </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63857 Thu, 05 Jul 2012 15:14:06 +0000 larsdaniel 63857@http://www.kriesi.at/support/ <p>You are not the only one who has had problems with header heght and logo/menu placement. It would be killer to have some easy-to-use parameters in the backend. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63853 Thu, 05 Jul 2012 15:07:38 +0000 Wyko 63853@http://www.kriesi.at/support/ <p>The header height is actually turning into something on a problem. The various solutions I've seen to reduce the container height of the header make a white bar appear above the slider and below the header, exactly as big as the space I've shortened the header. Annoying... </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63852 Thu, 05 Jul 2012 15:07:15 +0000 Devin 63852@http://www.kriesi.at/support/ <p>Hey Wyko,</p> <p>Glad you were able to figure it out :)</p> <p>To adjust the header, you'll probably need to add a height: to #header .container_wrap and adjust some of the other elements within the header. I know the #header .container has a min height of 160 so that will need to be changed or removed at the very least.</p> <p>Good luck and let us know if you have any issues.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63851 Thu, 05 Jul 2012 14:46:38 +0000 Wyko 63851@http://www.kriesi.at/support/ <p>... Posting here is like calling the IT guy; you can't figure it out untill you call him, but as soon as you do the problem clears up. Here's my solution:</p> <p>I put this into custom.css</p> <pre><code>.main_menu { top: -47px; left: 190px; }</code></pre> <p>Adjust those values to put it nicely next to the logo.</p> <p>All that's left now is to figure out how to adjust the header height to make it all look good. </p> http://www.kriesi.at/support/topic/putting-the-menu-beside-my-logo-not-below-it-as-default#post-63849 Thu, 05 Jul 2012 14:25:29 +0000 Wyko 63849@http://www.kriesi.at/support/ <p>I've just been running into things left and right, haha. What I want right now should be simple, I think, but I can't make heads or tails of the header.php where I think the solution lies. </p> <p>I'd like the menu to be situated next to the logo, rather than below it. That should save a good fraction of an inch of screen space. For demonstration, I mocked up how I'm hoping it will look:</p> <p><a href="http://imgur.com/a/52gEB" rel="nofollow">http://imgur.com/a/52gEB</a></p> <p>And now that I look at it, I could even skip out on the "Home" link entirely. the logo would serve perfectly. Can anyone please suggest a solution? </p>