Thank you very much. I tried this and it does work, but with some issues. When viewing the website on my PC it looks perfect. However, when viewing the website via mobile phone, the size of the red box is wrong. The width is correct, but the height is too high.
So, I changed the CSS a bit to try to fix this. I tried:
.sp-event-calendar tbody td {
position: relative;
}
.sp-event-calendar tbody a {
background: red;
display: table-cell;
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
line-height: 87px;
}
With this, now with both PC and mobile viewing of the website, the red box is the correct size and in the correct location. However, the day number when viewing on mobile is in the wrong place (it is no longer centered in the box, but moved down). It is fine when viewing on PC.
Any additional help on this would be very, very much appreciated!
Thanks!
