Notifications in responsive design

Design
#1

We are using Patternfly as our UX standard. We have a number of business applications that are using the Notification icon in the header, but when we use the site on tablets (common) and cell phones (edge case) the notification bell is hidden because it’s part of the masthead that gets hidden.

Has anyone come up with a solution for where to put the notification bell so it is always visible? Or is there a better way to handle notifications on smaller screens?

#2

When the screen width is reduced to mobile dimensions, the notification (bell) icon should remain visible in the right hand side of the masthead while other menus collapse into the vertical navigation that is hidden. You can see a line example of that here: https://rawgit.com/patternfly/patternfly/master-dist/dist/tests/notification-drawer-vertical-nav.html Does that help answer your question @kbaney?

#3

Yes. Thank you.