Hi guys,
I have a layer slider on my site. Width is 100% and height 600px.
Responsive under 2000 and layers conrainer 2000.
It’s responsive but if i compare it to the layerslider on the enfold demo site then the height on the mobile site of the demo is larger.
In other words. The height of my layer slider is 600 and that of the demo site is around 500 but if i view my layerslider on a mobile then the height is narrower than the enfold demo.
How is this possible and how can i make sure that the height on the mobile site is more than what i see?
I hope i’m clear enough.
Greetings,
Bilal
Hey Bilal007!
It’s displaying responsively on my end. If you want it to display larger then you just need to increase the slider height in the settings.
Cheers!
Elliott
Hi Elliott,
I mean the layer slider on my site has a width of 100% and height of about 600px.
The layer slider on the Enfold demo site has a width of 100% and height of about 500px.
But when i view my layer slider on a mobiel phone, the height is less than the layer slider of the Enfold demo site viewed also on a mobile phone.
This means that somehow the height of the enfold layer slider on a mobile device isn’t as compact as mine layer slider. Is it possible that the enfold demo site has 2 layer sliders, 1 for mobile devices and one for laptops/desktops?
Hi,
I’m not sure how Kriesi put together the demo but yes, you can have a different slider for mobile. You can show/hide the correct one using CSS, this might help you on your way: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/.
Best regards,
Rikard