-
Posts
-
Hello and happy new year.
Thanks for the great WordPress theme. I have a question about the layer slider in mobile view.
This is displayed below the burger menu and below the white bar.
I think it would be good if the layer slider in the mobile view had the same properties as in the desktop version. In the Layerslider Project Settings I have set the responsive layout. At the moment the complete slider is reduced in size and displayed as an image under the white menu bar.
The burger menu should be displayed transparent and the layer should be displayed as full size. (like in the desktop view) Is this possible?
Thanks for your guidance and help.Greetings
MichaelHey DermaBBSaar,
Thanks for your question, but the site that you have linked to doesn’t seem to be built with Enfold and doesn’t use the LayerSlider.
For Enfold & the LayerSlider on mobile, typically Enfold doesn’t have a transparent header for mobile, so on mobile the LayerSlider will be below the header, while on desktop with a transparent header the LayerSlider shows to the top behind the header.
Also in the LayerSlider, typically the desktop slider is in a landscape format, but mobile devices use a portrait format, so a desktop slider will scale down to show the whole slider.
Typically people will create two sliders one of desktop and the other in a portrait layout to show on mobile, if they want more that a scaled down slider.
If you have some experience with the LayerSlider, it is possible to use one slider and have the desktop and mobile elements and layout set for all devices, but this can be tricky, here is a basic example of the LayerSlider device options used to show different elements and different sizes. You could also watch some YouTube tutorials. But it is a lot easier to use two sliders and display one or the other.
So if this describes your situation please give this a try.Best regards,
Mike
- You must be logged in to reply to this topic.