Skip to main content
Ask A Question
You’re not receiving notifications from this thread.

Style a drop down menu with css

CSS • Asked by jm castel

I watched the tuto on making notifications but i can't set the css to display the notifs properly.

Could someone show me an exemple of his css ?


I was using Bootstrap to get the notification links in the header. No extra CSS needed for basic links like that.

In fact I was talking about styling the drop down menu, not the way of putting it into the nav bar.
I was trying to have the same as go rail with the red background around the notification' s number but fore somme reason when I click the bell, the red background doesn't disappear

Hey JM,

I also added some code to remove that bell after you mark the messages as read. Once that AJAX call completes, the JS success callback just removes that div from the navigation. And that number is just the typical bootstrap CSS for the badge. You can inspect the HTML on the page to see what that looks like!

Login or Create An Account to join the conversation.

Subscribe to the newsletter

Join 29,763+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.