I’m developing Layerslider 7 projects on a Wordpress Platform with an Enfold Theme and Avia Layout Builder.
The Avia Layout Builder uses 4 Visibility Elements, based on screensize, to display content. The elements are found in Color Section->Advanced->Responsive section.
The viz elements are:
1) Desktop: Large Screen (wider than 990px)
2) Tablet-Landscape: Medium sized screens (between 768px and 989px)
3) Tablet-Portrait: Small Screen (between 480px and 767px)
4) Smartphone-Portrait: Very small screen (smaller than 479px)
What are the best Layerslider canvas pixel widths for each of the above visibility elements?
For example, should I split the difference between pixel ranges (take the average) or employ some other approach?
Would my project having a “responsive” setting versus some other setting make a difference?
I would suggest you to create a desktop slider (it can be responsive or full.width or full-size - depending on you requirements) about 1000-1280px width and for the portrait-tablet and mobile versions you can create another slider with about 640px width and 1100px height
Hello,
I’m developing Layerslider 7 projects on a Wordpress Platform with an Enfold Theme and Avia Layout Builder.
The Avia Layout Builder uses 4 Visibility Elements, based on screensize, to display content. The elements are found in Color Section->Advanced->Responsive section.
The viz elements are:
1) Desktop: Large Screen (wider than 990px)
2) Tablet-Landscape: Medium sized screens (between 768px and 989px)
3) Tablet-Portrait: Small Screen (between 480px and 767px)
4) Smartphone-Portrait: Very small screen (smaller than 479px)
What are the best Layerslider canvas pixel widths for each of the above visibility elements?
For example, should I split the difference between pixel ranges (take the average) or employ some other approach?
Would my project having a “responsive” setting versus some other setting make a difference?
Thank you and I look forward to your reply.
Cheers,
Cedric
Hello Cedric,
I would suggest you to create a desktop slider (it can be responsive or full.width or full-size - depending on you requirements) about 1000-1280px width and for the portrait-tablet and mobile versions you can create another slider with about 640px width and 1100px height
Best Regards,
George | Kreatura Dev Team