Event Calendar - MOBILE list view: have picture show up next to date

Ask the Community Customization
1

MOBILE LIST view: Can we make the event picture show up to the right of the date(s) like it does on desktop view? Currently it automatically goes below the date.

3 Likes
3

Hi there, @user1437 :waving_hand:

I’ve forwarded your request to the devs and will update you once the solution is ready :slightly_smiling_face:

2 Likes
4

Hi there, @user1437 :waving_hand:

Thank you for waiting!

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result:

@media (max-width: 500px) {
  .eapp-events-calendar-list-item-imageContainer {
    margin-left: 80px !important;
  }
  
  .eapp-events-calendar-date-element-component {
    position: absolute;
    margin-bottom: 0;
    padding: 20px;
  }
}
1 Like
5

Worked like a charm - thank you!

1 Like
6

It’s my pleasure!

In the meantime, we’d like to invite you to participate in our new contest, where you can win a 3-month extension for your subscription - March Contest: Create a Dating Profile for Elfsight Widget and Win 3 Months FREE! :wrapped_gift:

Check the details and join in :wink: