Avada Forums Community Forum Slider for Mobile Responsivity

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • tlgzmr
    Participant
    Post count: 18

    Hi there,

    I have 4 instagram picture on my website side by side and looks amazing on desktop size. However on mobile, they are listed one below the other. That is way, it keeps too much space and might be boring for people, so I would like have slider and able to see that 4 picture via that.

    Is that possible have that 4 pictures on silder on the mobile ?

    https://ibb.co/f2NXv3h
    https://ibb.co/KwkW71D

    Kind regards,
    T

    tlgzmr
    Participant
    Post count: 18

    Hi there,

    Anyone has any idea ? :/

    Ingo
    Participant
    Post count: 8

    You need to hide the side-by-side element for mobile devices (and tablets) and set a slider instead, which in turn should be hidden for desktop devices.

    tlgzmr
    Participant
    Post count: 18

    Sorry, I could not understand clearly. Could you please explain more for me ? 🙁

    Ingo
    Participant
    Post count: 8

    Suppose you have a container with 4 columns, each containing an image. Set the visibility of this container to desktop and tablet (= medium and large screens).

    Container Options > General > Container Visibility

    Next, create a new container and set the visibility to mobile (small screens). Add an image carousel to the container and style it. More Details: https://avada.theme-fusion.com/element/image-carousel/ => see: Image Carousel Example, last row (zoom in, lift up, zoom out).

    Rendering logic is another or supplementary option.

    Container Options - General Tab
    https://ibb.co/HHtpbf9

    • This reply was modified 1 month, 1 week ago by Ingo.
    tlgzmr
    Participant
    Post count: 18

    Thank you very much Ingo, I was trying set it via slider which is wrong for this, but as you said it should be image Carousel. So, it is working well as you mentioned above.

    Appreciated.

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