-
AuthorPosts
-
May 17, 2016 at 9:56 pm #634044
Hey,
Still love Enfold and use a lot, but just wanted to let you know that I find myself purchasing the Revolution Slider over and over again because the Fullwidth Easy Slider is not responsive and the Advanced Layerslider isn’t updated with the theme and is difficult for some things.
So, just wanted to put in a request, because for so many sites the FullWidth Easy Slider is Perfect and all I need, but it just isn’t responsive on smaller screens. You’ve provided custom CSS and it works for cell phones – but just doesn’t work on tablets. It’s SO PERFECT, is there any way you guys could work more on making it fully responsive? I’m now seeking plugins with simple sliders that are responsive to replace it in Enfold, but obviously would be so awesome if this one worked on every device.
Thank You for Looking into this … I did look all through forum, tried all css code you provided, nothing worked. The site I’m working on now is this one: http://new.dleeproperties.com/
MORE INFO:
Fullwidth Easy slider not responsive on: (Button does not show up)
• 10″ Notebook
• 12″ Notebook
• Apple iPad
• Kindle Fire 8.9″
• Blackberry & small Phones,- This topic was modified 8 years, 4 months ago by Eleina_Shinn.
May 18, 2016 at 6:45 am #634193Hi Eleina_Shinn!
That request is actually good.
Can you please take a look at our demo and let us know if / which sizes ir brakes or what does not look OK?
Based on that we can provide the CSS or add the topic to our git, so there are some changes to the code.Regards,
BasilisMay 19, 2016 at 2:26 pm #635200Okay, which demo would you like me to look at? Can you provide me with a link?
May 21, 2016 at 3:58 am #636110Hi,
They are actually responsive but the responsive styling of the sliders requires a few alterations which depends on the user’s configurations. Example, on some installations there are one button, others there are two or the captions are much longer compare to the other and the image’s aspect ratio isn’t enough to cover those elements etc. Even premium themes require basic css modifications every now and then. Add this inside the existing css media query in the Quick CSS field:
.avia-slideshow li img { width: 1200px; max-width: 1200px; height: 100%; margin-left: -25%; }
Note that will force the image to cover the slider container but some parts of the image may overflow outside of it.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.