Weekdays on mobile

  • Resolved markosolo

    (@markosolo)


    5 years, 8 months ago

    Great Calendar. Best one yet! Any way to show Weekdays on mobile responsive view? Sun, Mon, Tues etc. Perhaps next to or before each date number?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Spiffy Plugins

    (@spiffyplugins)

    5 years, 8 months ago

    There is no option to do so, but you could add some CSS rules like the following. Modify the 600px to whatever you have set your responsive width.

    @media screen and (max-width: 600px) {
.spiffy.calendar-table.bigcal td.day-with-date:nth-child(1):before {
    content: 'Monday';
    float:left;
    padding-right: 10px;
}
.spiffy.calendar-table.bigcal td.day-with-date:nth-child(2):before {
    content: 'Tuesday';
    float:left;
    padding-right: 10px;
}
etc for each day of the week
}
    Thread Starter markosolo

    (@markosolo)

    5 years, 8 months ago

    That worked perfectly! Thank you so much for your quick solution and I will certainly donate if my client needs a Website event calendar.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Weekdays on mobile’ is closed to new replies.