Mobile calendar

Hello @albinuta, I hope you are doing well today!

Just to make sure, do ou meant that the days of the week in the table are showing on top of the other? In that case, you can use the following CSS code:

@media only screen and (max-device-width: 480px) {
th{
    word-wrap: break-word;
    font-size: 7px !important;
}
}

Add this code to your CSS theme editor. If you don’t have a CSS editor, please try the Simple Custom CSS plugin.

Let me know if you have any further questions.

Cheers,
Nastia

Thank you Nastia, but it still doesn’t look good… Can I make the days in the mobile version shorter? Instead of Monday, MO? this would be the perfect solution.

And how about my other issue? when I click an empty spot, I would like to drop down to the empty fields that a costumer has to fill. Is that possible?

Thanks again.

Hello ,

Thank you Nastia, but it still doesn’t look good… Can I make the days in the mobile version shorter? Instead of Monday, MO? this would be the perfect solution.

I’m afraid that not possible, you can have long words or short version for all resolutions because that is controlled by shortcode argument.

[app_schedule long="1"]

Using long=1 will always show long version of weeks days.

Possible work around would be to insert two same schedules: one with long names and one with short name. And with CSS hide one on every resolution except mobile, and second show only on mobile.
You could wrap second calendar with div

<div class="showonlyonmobile"> 
// here goes your calendar
</div>

and then in styles add

/*hide on all resolutions */
.showonlyonmobile {display: none;}

@media only screen and (max-device-width: 480px) {
th{
    word-wrap: break-word;
    font-size: 7px !important;
}
/*show only on mobile */
.showonlyonmobile {display: block;}
}

Similar action should be done with first calendar – but you would only hid it on mobile.

And how about my other issue? when I click an empty spot, I would like to drop down to the empty fields that a costumer has to fill. Is that possible?

It looks like its not working not only on your site – I was able to replicate this issue on my site. It looks like bug, but I checked on our premium version and it works there, so looks like bug was fixed and we are now waiting for new release.
I’ll check with developer if I can provide you with hot fix for this issue and get back to you.

kind regards,
Kasia

Thanks Kasia,

How can I make the days short then? (for all versions, site and mobile)
Any word on the bug fix?

Hello @albinuta,

How can I make the days short then? (for all versions, site and mobile)

By default [app_schedule] will show only short version. If that for some reason is not working try [app_schedule long=”0″]

Any word on the bug fix?

I spoke with developer and we are preparing new release of the free version of the plugin – but there is no hot fix for that specific issue I’m afraid ??

kind regards,
Kasia