http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons Support Forum - Topic: Search box on mobile & full width slider buttons en-US Tue, 21 May 2013 12:46:55 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-72531 Thu, 23 Aug 2012 16:16:30 +0000 Devin 72531@http://www.kriesi.at/support/ <p>Sure thing! We just need to adjust the Contact link a bit:</p> <p>Add the following after the @media only screen and (max-width: 767px) that you added above. So your final little block for max-width:767 will be<br /> <pre><code>@media only screen and (max-width: 767px) { .responsive .header_meta #searchform {display: block;} .responsive .header_meta .small_header_info{float: left; min-width: 50px;} }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-72362 Wed, 22 Aug 2012 18:18:27 +0000 kleboe 72362@http://www.kriesi.at/support/ <p>A ha, did just get one issue pointed out to me. On the mobile version of the template when the browser is at its narrowest the user cannot click into the search box. I wondered if you might know a fix for this? </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-72292 Wed, 22 Aug 2012 12:36:01 +0000 kleboe 72292@http://www.kriesi.at/support/ <p>Devin,</p> <p>Absolutely perfect solutions. I'm very impressed. </p> <p>Kleboe </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70975 Tue, 14 Aug 2012 14:35:16 +0000 Devin 70975@http://www.kriesi.at/support/ <p>Hey kleboe,</p> <p>For the search form, we just need to overwrite the display: none rule. 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>@media only screen and (max-width: 767px) { .responsive .header_meta #searchform {display: block;} }</code></pre> <p>For the slideshow arrow I believe you'll need to search for the following in js&gt;aviapoly2.js:<br /> <pre><code>//if($(event.target).is(&#39;.slideshow_caption, .slideshow_inner_caption&#39;)) return; controls[&#39;prev&#39;].stop().css({display:&#39;block&#39;, opacity:0}).animate({opacity:0.9, left:&#39;-25px&#39;}, duration, easing); controls[&#39;next&#39;] = container.find(&#39;.slide_controls a.ctrl_next&#39;).stop().css({display:&#39;block&#39;, opacity:0}).animate({opacity:0.9, right:&#39;-25px&#39;}, duration, easing); }</code></pre> <p>I think changing the -25px for each of them to 5px will work for that layout. I'll tag the issue for Kriesi since it looks like it needs to be tweaked.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70928 Tue, 14 Aug 2012 07:49:11 +0000 kleboe 70928@http://www.kriesi.at/support/ <p>Hi support,</p> <p><strong>I'm still having issues with the search box not appearing on mobile browsers:</strong><br /> I've added the search box to the top right of the template, to the right of the small header info. It looks great but disappears when I decrease the browser past 60% of it's original size. I wondered what I would have to modify in terms of CSS to retain the search box so that those on small screens and mobile could still use it?</p> <p><strong>And the slider still has the arrows cut off:</strong><br /> Also, on the slider I'm using it full width but when I hover over it to navigate through images the little transparent circles that appear on the far left and right of the image with the arrows are cut off. Only half of them show. I wondered if there was a way to move them in the way, closer together to show the whole circle? Just need a steer on which CSS or Javascript files I need to alter to make them move.</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70884 Tue, 14 Aug 2012 00:43:04 +0000 Nick 70884@http://www.kriesi.at/support/ <p>Hi,</p> <p>That's great! Thanks for letting us know.</p> <p>Good Luck,</p> <p>Nick </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70489 Fri, 10 Aug 2012 15:01:42 +0000 kleboe 70489@http://www.kriesi.at/support/ <p>Cufon issue fixed. I added my own css font file and this seems to have fixed the issue. </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70477 Fri, 10 Aug 2012 13:12:50 +0000 kleboe 70477@http://www.kriesi.at/support/ <p>Also,</p> <p>A friend of mine checked the site but the cufon fonts weren't working (I added my own font 'Uma' to the site)? He see's all the main headings in Times New Roman. Do you get this too?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70473 Fri, 10 Aug 2012 12:42:47 +0000 kleboe 70473@http://www.kriesi.at/support/ <p>I've made the site live so you can take a look: <a href="http://kleboe.co.uk" rel="nofollow">http://kleboe.co.uk</a></p> <p>You'll see the issues with the full size slider having the arrow navigations cut-off when you hover over the image. I'd be happy to remove the arrows all together.</p> <p>Thanks Devlin. </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70300 Thu, 09 Aug 2012 15:04:03 +0000 Devin 70300@http://www.kriesi.at/support/ <p>Hey kleboe,</p> <p>Can we take a look at your page live? We'll need to inspect what you have now to give a fix. The search box one sounds like media queries are changing the layout/hiding the search and I'd like to just take a look at exactly what is happening with the other issue.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/search-box-on-mobile-full-width-slider-buttons#post-70246 Thu, 09 Aug 2012 10:28:53 +0000 kleboe 70246@http://www.kriesi.at/support/ <p>This theme is incredible! I'm so impressed. The flexibility is unbelievable.</p> <p>This is my first post on here so please bear with me if I don't provide everything you need.</p> <p>I've added the search box to the top right of the template, to the right of the small header info. It looks great but disappears when I decrease the browser past 60% of it's original size. I wondered what I would have to modify in terms of CSS to retain the search box so that those on small screens and mobile could still use it?</p> <p>Also, on the slider I'm using it full width but when I hover over it to navigate through images the little transparent circles that appear on the far left and right of the image with the arrows are cut off. Only half of them show. I wondered if there was a way to move them in the way, closer together to show the whole circle? Just need a steer on which CSS or Javascript files I need to alter to make them move.</p> <p>Thanks support. Any help is much appreciated! </p>