Responsive Calendar

  • 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…
    https://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)

  • 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.