I'm trying to adjust the slider's appearance on the mobile version of the website, I'm using an Android Samsung A3 device to test it. The problem is the following: the frame in which I can move the items (text, pictures) in wordpress is not as big as the frame that is displayed on my smart phone. For some reason the smart phone's frame is bigger and squeezed in width because even the font (I selected Arial Black) is displayed as Arial only. This wouldn't be a problem if on iOS devices the frame wouldn't be displayed as the wordpress frame, i.e. the slider on iOS devices is cut as shown in the wordpress picture.
I played around with the general slider settings (fixed size, responsive, full width and so on) to change the appearance options, but it didn't work so far. Do have a solution?
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet). This new feature gives you the option to create separate layers for mobile and desktop view in the same slide and only show them on the required device.
With this option you can position your layers separately for mobile devices, so they are aligned better when viewed on smaller screens.
I'm sorry to bother you again, but you do have to read my question better. I'm using the option you presented already. Please see below for my actual problem (cut frame on iOS devices and squezzed display on Android devices).
Hello,
I'm trying to adjust the slider's appearance on the mobile version of the website, I'm using an Android Samsung A3 device to test it. The problem is the following: the frame in which I can move the items (text, pictures) in wordpress is not as big as the frame that is displayed on my smart phone. For some reason the smart phone's frame is bigger and squeezed in width because even the font (I selected Arial Black) is displayed as Arial only. This wouldn't be a problem if on iOS devices the frame wouldn't be displayed as the wordpress frame, i.e. the slider on iOS devices is cut as shown in the wordpress picture.
I played around with the general slider settings (fixed size, responsive, full width and so on) to change the appearance options, but it didn't work so far. Do have a solution?
Thank you!
Hey urbandigital,
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet).
This new feature gives you the option to create separate layers for mobile and desktop view in the same slide and only show them on the required device.
With this option you can position your layers separately for mobile devices, so they are aligned better when viewed on smaller screens.
I'm sorry to bother you again, but you do have to read my question better. I'm using the option you presented already. Please see below for my actual problem (cut frame on iOS devices and squezzed display on Android devices).
I'm sorry but I'm not sure I follow you. Is the WordPress' frame too small ? In this case you can set larger width for the slider.
Also, I'd recommend to use full size layout for your slider on mobile, instead of the normal responsive layout.