How do I stop the date tag from moving to the left side on small screens?

Site URL: https://www.spitalfieldscityfarm.org/whats-on

My date tag for event items displays on the top right of the thumbnail and I keep this in mind when creating event thumbnails.

Unfortunately, the date tag moves to the top left side on small screens - how do I stop this from happening?

Any help would be appreciated!!

On 5/25/2021 at 4:19 AM, Simz said:

Site URL: https://www.spitalfieldscityfarm.org/whats-on

My date tag for event items displays on the top right of the thumbnail and I keep this in mind when creating event thumbnails.

Unfortunately, the date tag moves to the top left side on small screens - how do I stop this from happening?

Any help would be appreciated!!

Add to Design > Custom CSS

/* events date position */
.eventlist-datetag {
    left: unset !important;
    right: 10px !important;
}

Whoo hoo 

Thanks so much tuanphan this code snippet works like a charm!