Elfsight Timeline on Mobile

Ask the Community General Questions
1

Does the timeline not work in mobile view?

GCG_Timeline_Draft_Mobile
GCG_Timeline_Draft_Mobile503Ă—821 68.8 KB

2 Likes
3

Hi there, @Michael_Armado :waving_hand:

Unfortunately, vertical layout isn’t supported for the mobile view. I am really sorry!

We already hav a request for this option in the Wishlist and you can upvote this idea here - Vertical layout for mobile view.

To see more events, you need to swipe them now. If you’d like to make it clearer for your website visitors, you can add a custom caption “Swipe to see more” for the mobile view using this code in the Custom CSS field on the Settings tab of your widget’s settings :slightly_smiling_face:


@media (max-width: 480px) {
  .es-snap-carousel-item:first-child:after {
    content: "Swipe to see more ->";
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 20px;
    border-radius: 50px;
    opacity: 0.5;
    border: 2px dashed black;
    white-space: nowrap;
  }
}

image
image378Ă—637 79.1 KB

4

This works! Thank you!

1 Like
5

Awesome, you’re very welcome :wink: