I'm building a website with Flip wordperss template (by http://novarostudio.com) and LayerSlider, which should be on the first page.
I figure out how to create a slider, but it's not appearing properly on mobile devices, please see attached files. Desktop view is perfect.
My qustion is - is it possible to setup separate view for mobile device? Kind of reorganize layers but only for mobile? If not, how to solve the issue, I need full height and proper appearence as mobile is more important than desktop.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Since version 6 of the plugin, you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device. This provides you with the control over the layers that you are looking for.
Or in case you want even more changes made to the slider additionally to the device specific layers, you could also build two sliders with different sizes or with different content for desktop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.
Thanks a lot for support FourOhFourConcepts and Attila
Attila, seems that this will work, so simple ^_^ I will try right now and will let you know on result! Thanks for a great plugin guys, it makes wordpressers lifes easy ;)
Hello,
I'm building a website with Flip wordperss template (by http://novarostudio.com) and LayerSlider, which should be on the first page.
I figure out how to create a slider, but it's not appearing properly on mobile devices, please see attached files. Desktop view is perfect.
My qustion is - is it possible to setup separate view for mobile device? Kind of reorganize layers but only for mobile? If not, how to solve the issue, I need full height and proper appearence as mobile is more important than desktop.
I got around this by setting a full screen background (slides>slide background image)
Under Slider Settings, set "full size" and "hero scene"
Then (I had to create new assets, such as bigger background images so no clipping occured) scale and position any assets with square edge.
Head to synyx.co.uk to see my example - both on desktop and mobile to get an idea.
Hope that helps!
Hello lusinebars,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Since version 6 of the plugin, you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device. This provides you with the control over the layers that you are looking for.
Or in case you want even more changes made to the slider additionally to the device specific layers, you could also build two sliders with different sizes or with different content for desktop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.
Thanks a lot for support FourOhFourConcepts and Attila
Attila, seems that this will work, so simple ^_^ I will try right now and will let you know on result! Thanks for a great plugin guys, it makes wordpressers lifes easy ;)
Thank you for the feedback and your kind words. If you need further assistance please let us know.