Badge button in header

Hi all,

I want design a badge button in header,

Can you for me a example? thank you!

I had tried in here: http://codepen.io/snaired/pen/qjbxr

@mhartington please help me

1 Like

Hey there! Sorry for the late response, been crazy busy!

So I put this together, using a custom class and this css

.header-badge{
  top: -7px;
  left: -11px;
}
5 Likes

@mhartington thank you so muck :slight_smile:

Exactly what I am looking for. Very nice …

Worked like a charm dude :smile:
Thanks!

Anyone has issues with long Badges and the title?
In my cases the Badge moves the Title text to the right or add “…”

This doesn’t work anymore. I had to add inline-block !important to the .header-badge css

Thanks, Mike!
It is really what I look for. :star_struck: