Display each events full size on mobile (List Right)

CSS Codes Timeline
1

Add this code to the Custom CSS field on the Settings tab of your Timeline widget’s settings:

@media (max-width: 500px) {
  [class*='carousel__Column-sc'] {
    max-height: calc(100vh - 130px);
  }

  .es-widget-container .es-event-card-container {
    max-width: 90vw;
    min-height: unset !important;
  }

  .es-event-card-content-wrapper {
    padding: 10px 20px 20px;
  }

  .es-widget-container .es-event-card-content-title {
    line-height: 1.2;
    font-size: 18px;
  }

  .es-widget-container .es-event-card-content-text {
    margin-top: 5px;
    font-size: 14px;
  }

  .es-event-card-buttons-wrapper:not(:empty) {
    margin-top: 10px;
  }

  .es-widget-background-wrapper {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
}