Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 9, 2020 at 6:11 pm #1266044
    skirpach

    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 #1266235
    Rikard

    Hey 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,
    Rikard

    December 10, 2020 at 6:39 pm #1266347
    skirpach

    I 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 #1267449
    Ismael

    Hi,

    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,
    Ismael

    December 18, 2020 at 12:32 am #1268276
    skirpach

    Unfortunately, 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 #1268964
    Ismael

    Hi,

    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,
    Ismael

    December 22, 2020 at 6:16 am #1269237
    skirpach

    So 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 #1269852
    Ismael

    Hi,

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.