|
WBN
|
August 20, 2018 at 1:40 pm
Good Afternoon,
Our Calendar is showing on our homepage at https://esterochamber.org, but it is not showing the events on the mobile device. It shows the calendar but the calendar is blank.
Please help thank you.
|
|
Josh
|
August 20, 2018 at 2:41 pm
Hi,
You can add the following to your site’s Appearance > Customize > Additional CSS panel to force those to display:
@media only screen and (max-width: 480px)
{
#espresso_calendar .fc-event-title
{
display:block;
}
}
|
|
WBN
|
August 29, 2018 at 1:12 pm
Good Afternoon,
I have added the code, and I am still not seeing the events in the calendar on my mobile. Also if I select a day that I know has an event on nothing happens.
|
|
WBN
|
August 29, 2018 at 1:18 pm
Ok, so I would like re-phrase my statement it does work if you hold your mobile phone horizontally but not if you hold the phone vertically.
|
|
Josh
|
August 29, 2018 at 2:12 pm
May I ask was the code added to a CSS editor panel or similar? The reason I ask is I checked and I do not see the added code anywhere in the source.
|
|
WBN
|
August 29, 2018 at 2:48 pm
Good Afternoon,
It was added to the additional css panel.
Thank you.
|
|
Josh
|
August 29, 2018 at 3:25 pm
Oh I see, you’re an using an iframe to display the calendar there, so any custom CSS will not apply.
Instead of putting an iframe on the page with
<iframe src="https://esterochamber.org?calendar=iframe" width="100%" height="100%"></iframe>
You can change that to display with the shortcode:
[ESPRESSO_CALENDAR]
|
|
WBN
|
August 31, 2018 at 11:09 am
Thank you that worked beautifully.
|
