Title: Responsive view issues
Last modified: August 22, 2016

---

# Responsive view issues

 *  Resolved [Zee](https://wordpress.org/support/users/gphx/)
 * (@gphx)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/responsive-view-issues/)
 * Hi,
 * Love this slider extension, have brought the premium version to support it. Only
   issue I’m having is that the slider constricts i.e. squeezes when viewed on mobile
   devices so that the text becomes either hidden, squashed or distorted.
 * I can understand why, as obviously the spacing differs – however, my client wants
   it to display so that everything on the slide becomes center-aligned when responsive.
   If this isn’t possible, please suggest a way to make the slider display better
   on mobile devices.
 * Thank you.
 * [https://wordpress.org/plugins/smart-slider-2/](https://wordpress.org/plugins/smart-slider-2/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Gabor](https://wordpress.org/support/users/nextendweb_gabor/)
 * (@nextendweb_gabor)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/responsive-view-issues/#post-5913395)
 * 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](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](http://www.nextendweb.com/wiki/smart-slider-documentation/installation-wordpress/#shortcodes)
 *  [leofrish](https://wordpress.org/support/users/leofrish/)
 * (@leofrish)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/responsive-view-issues/#post-5913594)
 * 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](http://www.phaseiidesign.com)
 * Thanks for whatever help you can offer.
 * Leo
 *  Plugin Author [Gabor](https://wordpress.org/support/users/nextendweb_gabor/)
 * (@nextendweb_gabor)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/responsive-view-issues/#post-5913595)
 * 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](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.
 *  [leofrish](https://wordpress.org/support/users/leofrish/)
 * (@leofrish)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/responsive-view-issues/#post-5913596)
 * 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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive view issues’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/smart-slider-2_a3918b.svg)
 * [Smart Slider 2](https://wordpress.org/plugins/smart-slider-2/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-slider-2/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-slider-2/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-slider-2/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-slider-2/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-slider-2/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [leofrish](https://wordpress.org/support/users/leofrish/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/responsive-view-issues/#post-5913596)
 * Status: resolved