Messages Displayed In Upper Right Corner


Messages (errors, success, etc...) are currently displayed under the upper menu bar which happens to be fixed when scrolling down the page. The problem is that the msg being displayed is currently partly hidden (you cannot read its entirety) and worse the X for closing it is totally hidden and as such blocking any further attempt to get rid of it.

Has someone an idea on how to reposition the message window in the center of the screen where it can be seen, read, and eventually closed?

Thank you.

Screen Shot 2019-02-17 at 7.36.14 AM.png

try and play with .css margins in your theme editor of this code (note you may not have margin-left or top in your code

.alert-success, .alert-warning, .alert-error {

 position: relative;
 margin: 7px 0 7px 0;
 border: 1px solid;
 font-size: 100%;
 opacity: 0.96;
 margin-left: 100px;
 margin-top: 90px;


Thank you!

I used this and this seems to be working as well:

.notification-container {
position: fixed;
top: 350px;
right: 600px;
z-index: 1022;
min-width: 150px;
width: 15%;

But I going to try your option as this a relative position.

Thanks again.

Can you also put them to the back with css (so they don't interfere with the drop down menu's) or auto close after 15 seconds or something?

These messages can be so annoying in the admin panel when you are making a lot of changes, especially when they are in front of the admin drop down menu's and you HAVE to click them away.