
-
AuthorPosts
-
December 9, 2020 at 6:11 pm #1266044
The fullscreen slider looks terrible on mobile. I looked in settings, and the only option is to hide the slider. This is inadequate. I want to show the full slider, but have it be much narrower and shorter on mobile to fit the screen. It seems like Enfold should do this automatically. How do I fix this?
December 10, 2020 at 9:30 am #1266235Hey skirpach,
I checked your slider on mobile, but it looks good on my end. Could you post a screenshot of the problem, and let us know how to reproduce the results you are getting please? Also please try to specify a bit further what you would like to change as well.
Best regards,
RikardDecember 10, 2020 at 6:39 pm #1266347I have provided a link below to screenshots of what the unacceptable slider images look like on my iPhone 8. I also made mockups of what I want them to look like (denoted by “mockup” in the image filename”). Please advise as to how I can make the photos represent well on mobile.
December 15, 2020 at 12:55 pm #1267449Hi,
Thank you for the screenshots.
It looks fine on a device emulation, but it might be resizing that way because the background-attachment property is set to fixed. Try to add this css code to revert the background attachment back to scroll on mobile view.
@media only screen and (max-width: 767px) { .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li { background-attachment: scroll !important; } }
Best regards,
IsmaelDecember 18, 2020 at 12:32 am #1268276Unfortunately, this code did not work. So I switched to the “Fullwidth Easy Slider.” I had to write custom css to keep it from squishing down so short that it cuts off the “request a quote” button on the home page. But now the images are being squished width-wise on mobile. What can be done?
-
This reply was modified 4 years, 4 months ago by
skirpach.
December 21, 2020 at 6:42 am #1268964Hi,
Thank you for the update.
Have you tried displaying a different slider that is specifically configured for mobile view or that uses images that are actually resized for smaller screens? You can toggle the sliders’ Advanced > Responsive > Element Visibility to control their visibility of different screen sizes or devices.
Best regards,
IsmaelDecember 22, 2020 at 6:16 am #1269237So far, the only theme slider that displays properly on mobile is the fullscreen slider, which takes up too much screen space in my opinion. A height customization would be ideal. The other sliders only offer the advanced option of hiding the slider on mobile, which is not an adequate solution. I definitely would expect more from a paid theme. I will research other slider plugins.
December 27, 2020 at 4:22 am #1269852Hi,
The fullscreen slider looks terrible on mobile.
So far, the only theme slider that displays properly on mobile is the fullscreen slider,
Do you mean the Fullwidth Width Easy slider? How would you like the slider to display on mobile view? Please provide a screenshot or a mockup of the slider layout that you have in mind. You can use imgur or dropbox for the screenshot.
You could also try the Layer Slider plugin and choose from different size options in the Slider Settings.
Best regards,
Ismael -
This reply was modified 4 years, 4 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.