Title: Responsive Calendar
Last modified: January 3, 2017

---

# Responsive Calendar

 *  [nesain](https://wordpress.org/support/users/nesain/)
 * (@nesain)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/responsive-calendar-3/)
 * Hi,
    I have installed Calendar plugin but I am not sastified with the result 
   because on mobile phones users cannot see the 7 days of the week neither can 
   navigate on the calendar dates nor change months… [http://www.es-cool.net/tarifas-y-reservas/](http://www.es-cool.net/tarifas-y-reservas/)
 * Is there anyway to show the whole calendar on mobile phones correctly?
    I would
   appreciate if you could help me to solve this problem because most of my customers
   see my website on their mobile phones and they cannot see which days they can
   make a reservation and which it isnt available for reservations…
 * Best regars,
 * Noemí

Viewing 1 replies (of 1 total)

 *  [black82](https://wordpress.org/support/users/black82/)
 * (@black82)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/responsive-calendar-3/#post-8624122)
 * hello
 * go to kalender options.
 * the last is “Stylesheet” search for this entrys an change the width into 14.25%
 *  .normal-day-heading {
    text-align:center; width:14.25%; height:2em; font-size:
   0.8em; border:1px solid #DFE6DE; background-color:#EBF2EA; } .weekend-heading{
   text-align:center; width:14.25%; height:2em; font-size:0.8em; border:1px solid#
   DFE6DE; background-color:#EBF2EA; color:#FF0000; } .day-with-date { vertical-
   align:text-top; text-align:left; width:14.25%; height:6em; line-height:1.3em;
   border:1px solid #DFE6DE; } .no-events {
 *  }
    .day-without-date { width:14.25%; height:6em; line-height:1.3em; border:1px
   solid #E9F0E8; } span.weekend { color:#FF0000; } .current-day { vertical-align:
   text-top; text-align:left; width:14.25%; height:6em; line-height:1.3em; border:
   1px solid #BFBFBF; background-color:#E4EBE3;
 * now it is responsive on mobile phone.

Viewing 1 replies (of 1 total)

The topic ‘Responsive Calendar’ is closed to new replies.

 * ![](https://ps.w.org/calendar/assets/icon-128x128.png?rev=1251541)
 * [Calendar](https://wordpress.org/plugins/calendar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calendar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calendar/)
 * [Active Topics](https://wordpress.org/support/plugin/calendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calendar/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [black82](https://wordpress.org/support/users/black82/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/responsive-calendar-3/#post-8624122)
 * Status: not resolved