Red dot badge icon Indicator on menu

Site URL: http://www.fortsferryfarm.com

Are there any plugins or codes that can add a red dot at the corner of a menu item as a notification after say a new event is uploaded? Ideally, it would be showing by itself but if not, I don't mind adding that manually either. Please advise, thanks!

Add to Home > Design > Custom CSS

.Header-nav-item[href="/events"] {
    position: relative;
}
.Header-nav-item[href="/events"]:after {
    content: "";
    background: red;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

21 hours ago, siweisong said:

plugins or codes

I found this ewebdesign article, it is not Squarespace specific but it outlines the process. If you have some coding knowledge this might be the ticket.