Support

Home Forums Event Espresso Premium Calendar Saturdays display on mobile

Calendar Saturdays display on mobile

Posted: February 24, 2019 at 12:14 pm


ndaniel

February 24, 2019 at 12:14 pm

Hello,
I’ve reviewed other issues with this, but haven’t been able to identify the fix.
https://creativespiritsco.com/calendar/ is not fully showing Saturday’s on mobile when turned to landscape position. It cuts off at Wednesday in portrait.
Ideally the resize will be more intuitive in both but definitely we’d like to have Saturday events fully visible. Any tips will be welcome.
Calendar version is 3.2.13. Thanks!


Josh

  • Support Staff

February 25, 2019 at 9:56 am

Hi,

The first tip would be to change the calendar’s Column format for Month: to be ddd (three lower case d’s). You go to Event Espresso > Calendar > Advanced Settings and change the Column Format > Month option.

Then, the following CSS will override the theme’s CSS to help snap the columns into place:

@media only screen and (max-width: 480px) {
#espresso_calendar {
  margin-left: -20px;
  width: 115%!important;
}
.fc-day-header {
  max-width: 45px!important;
  text-transform: none!important;
  word-wrap:break-word;
}
}

You can add the CSS to your site's Appearance > Customize > Additional CSS page. 
}


ndaniel

March 2, 2019 at 2:21 pm

Thank you Josh. Works perfectly now.

The support post ‘Calendar Saturdays display on mobile’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso