Plugin Author
Gabor
(@nextendweb_gabor)
Hi! In the Edit Slider -> Global fonts there are three different font values, to make them stay readable, but if your texts are big enough, you can just use the same value for all three of them.
But if you want to keep the values, you can just make their layers bigger in mobile and tablet view in your slide editor. You can read about this and the other options in here: http://www.nextendweb.com/wiki/smart-slider-documentation/responsive-mode/#advanced
Also you have an option to show another slider for mobile (and tablet) devices, by using a different shortcode: http://www.nextendweb.com/wiki/smart-slider-documentation/installation-wordpress/#shortcodes
I’ve done everything (I think) to make my slider design work in both desktop and mobile contexts – per the links and documentation you’ve provided.
1) I’ve created a separate slider for mobile. In the slides for the slider I’ve used smaller font sizes and arranged/sized the layers so the text reads beautifully
2) In the preview for this slider, it looks great.
When I view the slider on my phone or on the desktop (with the width dragged to minimum) – the phone slider doesn’t appear as it does in the preview window.
I even set the “Global Font Size” in the Edit Slider settings to be the same for desktop and phone, but the html I’m seeing in my browser shows the original font settings:
<div id="nextend-smart-slider-6" class="nextend-slider-fadeload nextend-phone nextend-loaded" style="font-size: 4.28571px; transform: translate3d(0px, 0px, 0px) perspective(1000px); margin: 0px; width: 420px; height: 164px;" data-allfontsize="12" data-desktopfontsize="12" data-tabletfontsize="16" data-phonefontsize="20">
You can see the slider here: http://www.phaseiidesign.com
Thanks for whatever help you can offer.
Leo
Plugin Author
Gabor
(@nextendweb_gabor)
Hi Leo!
Please tell me on what device are you seeing this, and what browser, because I tried it on two phones, default and Chrome browsers and those are showing me the slider with the id 8.
You could try to update this code:
\wp-content\plugins\smart-slider-2\nextend\externals\mobiledetect.php
just replace the whole file’s content with this:
https://raw.githubusercontent.com/serbanghita/Mobile-Detect/master/Mobile_Detect.php
Then go to the Smart Slider’s Settings -> Cache, and click on Refresh Slider.
When you are looking your slider with a PC, the slider won’t change to the phone slider, this different shortcode is only for real device detection.
Thank you for getting back to me so quickly. I’m really excited by this plug-in and its power (even in its free version!).
Yes, I did look at the slider on an actual phone and it seems to be working as expected. There were many cache issues – not just in slider2, but in the wordpress framework itself, and potentially on the devices.
Yes, I had hoped to see the slider shift to the phone style version while in the desktop browser and couldn’t make that happen, even though I’ve got the responsive mode set to both real device and screen size. I’m fine with that, now that I know.
