Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 11, 2020 at 6:10 pm #1245208
    GizmakSanayi

    Hello.
    I have a slider in homepage, which is full-screen (or full-width, not sure) and contains around 15 “huge” images. I’m tending to optimize them responsively, but still, on mobile, it needs lots of mobile data, thus causes slowliness and lower points especially on google pagespeed insights.
    After thinking what to do days over days, now i got an amazing idea.
    The 15 images will only show up on medium/large screens, but on smaller ones I’l pick only 2 or 3 images.
    So everybody will be happy.

    I know I can use the “slider”s advanced options to hide it on small screens, but this is not the case.
    I need the same setting for every single photo/image in that slider.
    Is that somehow possible?
    Thanks!

    September 11, 2020 at 6:31 pm #1245212
    GizmakSanayi

    Currently I’ve cloned the slider, and set one to hide on small screens, second one to hide on big screens.
    Then I’ve deleted half of the photos on the slider for small screens.
    But if there is a possibility to do this with only one slider, I’d consider using this method.

    September 12, 2020 at 5:28 pm #1245387
    Victoria

    Hi GizmakSanayi,

    You can create two sliders, one for desktop screen sizes and one for smaller screen sizes, and add images there, then control the display of the sliders with the element visibility options.
    Image 2020-09-12 at 18.28.02.png

    Best regards,
    Victoria

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