Mobile Friendly Calendar of Events

Ask the Community Customization
1

The way the event calendar is set up now for mobile only shows 2-3 days of the week, and you have to scroll to the right to see the rest of the dates. It’s confusing for people and hard to figure out. The calendar needs to be optimized for mobile.

2

Hi there, @Brandy_Von_Holten :waving_hand:

If all days of the month appear right away on mobile, the calendar cells will be too narrow:

image
image379×869 30.2 KB

In case you like this view, please add this code to the Custom CSS field on the Settings tab of your widget’s settings:

@media (max-width: 768px) {
  .es-background-container {
    border-radius: 6px !important;
  }
  .es-widget-background-wrapper {
    padding: 8px !important;
  }
  .eapp-events-calendar-calendar-header-container {
    padding-top: 0px;
  }
  .eapp-events-calendar-week-header-wrapper,
  .eapp-events-calendar-fullcalendar-wrapper {
    min-width: 0px;
  }
}