http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive Support Forum - Topic: Slider Slideshow on small screens (Responsive) en-US Mon, 20 May 2013 01:11:36 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-83045 Fri, 09 Nov 2012 14:50:56 +0000 jamesbrooks50 83045@http://www.kriesi.at/support/ <p>Thanks Devin. I'll post the right way next time. Thanks man! </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-82983 Fri, 09 Nov 2012 04:53:09 +0000 Devin 82983@http://www.kriesi.at/support/ <p>Hi jamesbrooks,</p> <p>You can edit the menu items by going to Appearance&gt;Menus in the Wordpress backend. If you have any other questions, make sure to post them in the Angular forum.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-82931 Thu, 08 Nov 2012 19:38:36 +0000 jamesbrooks50 82931@http://www.kriesi.at/support/ <p>Pardon, if this has been answered somewhere else, but I can't find it. My question is... is there anyway to edit the items in the dropdown menu that shows up on mobile devices that reads "Select a Page"? Specifically, I want to delete "Archive, site map, blog, gallery etc" I want to have these link to Pages I've created. The theme I'm using is Angular. Thanks! </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-81829 Thu, 01 Nov 2012 16:12:15 +0000 Devin 81829@http://www.kriesi.at/support/ <p>There shouldn't be any reason why the dropdown wouldn't show up and if you can pinpoint in what browser and under what circumstances that happens, we can see about fixing that.</p> <p>The two line menu however is the nature of the adaptive size. The space shrinks and you can either lose part of the menu or it can wrap.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-81717 Wed, 31 Oct 2012 15:36:33 +0000 alexdigital 81717@http://www.kriesi.at/support/ <p>Thanks i'll give that a try.</p> <p>I've noticed a couple of other weird things on smaller browsers/screens.</p> <p>At certain sizes the menu goes onto two lines:</p> <p><a href="http://screencast.com/t/i3NSwAhijKQw" rel="nofollow">http://screencast.com/t/i3NSwAhijKQw</a></p> <p>And on some sizes the drop down menu isn't appearing.</p> <p><a href="http://screencast.com/t/BjVtv7fKuJFI" rel="nofollow">http://screencast.com/t/BjVtv7fKuJFI</a></p> <p>Any ideas?</p> <p>thanks. </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-81193 Fri, 26 Oct 2012 16:24:29 +0000 Nick 81193@http://www.kriesi.at/support/ <p>Hi Alex,</p> <p>The links disappear on purpose and instead a dropdown menu optimized for touching appears in the place of links.which makes life easier for iphone/ipod/android users. If you want to remove that functionality, its possible, but unless visitor use a toothpick, the links would be impossible to press with a human finger.</p> <p>With the slider you have some options. Personally I would get rid of the text and the buttons for small screens since its hard to see the image itself so even if the font size is reduced, it would be like trying to read a name on a grain of rice. </p> <p>However if you take out 6 words or so out of each slide, it will be alright. </p> <p>Add the following to the Quick CSS in the backend or to your custom.css file please<br /> <pre><code>@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /*text*/ .featured_caption { font-size: 9px; } /*position of the button*/ #top #wrap_all .button_wrap_1 .caption-slideshow-button { width: 30%; margin: 0 35%; line-height: 20px; } /*position of the transparent overlay*/ #top .slideshow_inner_caption { padding: 3%; height: 100%; width: 100%; line-height: 1.5em; } /*control the transparent overlay .47 current, 1 = no transparency, 0= full transparency */ .caption_right_framed .slideshow_caption .slideshow_inner_caption, .caption_left_framed .slideshow_caption .slideshow_inner_caption { background: rgba(0, 0, 0, 0.47); } }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-81190 Fri, 26 Oct 2012 16:03:33 +0000 Devin 81190@http://www.kriesi.at/support/ <p>Hey Alex,</p> <p>Not too much unfortunately as the space is determined by the size of the photo and the size of the screen. With your content, one solution would be to remove the captions at that small of a screen size so that it looks less cluttered. 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: 479px) { #top .slideshow .slideshow_caption {display: none; } }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/slider-slideshow-on-small-screens-responsive#post-81034 Thu, 25 Oct 2012 10:25:02 +0000 alexdigital 81034@http://www.kriesi.at/support/ <p>Hiya,</p> <p>Love the propulsion theme by the way. Best theme ever!</p> <p>On the slider it looks great until its scaled down to a small screen like an iphone. When it is the link buttons disappear and it all seems a bit squashed.</p> <p>Is there anything to be donw that might improve this?</p> <p>Take a look at my site here:</p> <p><a href="http://clients.alexdigital.com/euristix/" rel="nofollow">http://clients.alexdigital.com/euristix/</a></p> <p>-Alex </p>