Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
siweisong

Red dot badge icon Indicator on menu

Question

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!

Screen Shot 2020-02-05 at 1.15.17 PM.png

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

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;
}

image.thumb.png.03184b913c60f74988e88b6f5998b415.png


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...