Responsive calendar | ww.wp.xz.cn

Resolved ctuxboy
(@ctuxboy)

10 years, 8 months ago

Hello,

On smaller screens the calendar go out the normal flow (viewport), then i have horizontal scrollbar. See it here:
http://wpdev-d-o-t-be.alvast-online.nl/kalender/

Is there a way that the event title cut-off (hidden) on the right side?
I think with some customizing css?

Similar like this test-calendar on smaller screens:
http://wpdev-d-o-t-be.alvast-online.nl/test/

I try adding overflow:hidden in .calnk without success :-/

Regards,
Christophe

https://ww.wp.xz.cn/plugins/spiffy-calendar/

Viewing 1 replies (of 1 total)

Thread Starter ctuxboy
(@ctuxboy)

10 years, 8 months ago
Hi,

I found a solution.

Adding this css in the settings -> option:
```
.calendar-table td {
        max-width: 0;
        overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
}
```
Now it is full responsive without breaking the browser-flow.

I find the info here:
http://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell

Regards,
Christophe

Viewing 1 replies (of 1 total)

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

1 reply
1 participant
Last reply from: ctuxboy
Last activity: 10 years, 8 months ago
Status: resolved