That is the success/failure message shown when you update an item.

Before we talk about that though – your WP theme header there is displaying over the top of quite a few things – as you can see on this page and site. Are you wanting to change any of that or only expose the message box?

Can I have a link to the forum page?

Screen cap was done with forum page scrolled. It actually displays fine (I think).  Forum at  

http://www.srgv.ca/srgv-forum/

sorry, bit confused.. I dont see the notification… are you saying its there all the time?  or are you saying when it shows, its hidden?

guessing latter, but want to be sure…   your theme is assigning a z-index of 10 to the nav menu for the them… so they may have priority…

since guests cannot post on your site, cannot be sure…

but you could try changing this css in your sp theme:

#spMainContainer #spPostNotifications {

and add a z-index greater than 10…  ie

z-index: 20;

if so, we of course, we recommend you use a child sp theme or copy one of ours so as to keep from losing your changes on upgrades…

if I have misunderstood, please elaborate….

A lot of WP themes these days use that header top absolute position and zindex. Maybe we need to look at centering the message instead of positioning it at the top.

After applying the z-index fix, the update success messages are now in view.  I have noticed that other actions on the forum generate similar messages which still remain hidden so my assumption is that z-index fixes would be required for all.  I wouldn’t know where to start.

would need more specifics since we generally use the same message area…  ie post notifications..

When Editing a User Profile > Usergroups >Show memberships –

when I change a users membership from one group to another, the resulting (what I’m assuming is a “success”) dialog box is hidden under the header.

The ‘success/failure’ notification can be positioned, as its fixed you can push it anywhere on the page quite easily. If you open the same CSS file you used to change the z-index and:

Firstly find #spMainContainer #spNotification {

And where you see ‘top: 70px;’    try changing it to ‘top: 150px;’

Should significantly push it down the page, although you can enter whatever size you wish (you can also add left: right: and bottom: depending on where you want it)

Am using Unified so changed unified.php as follows:

/* ———————
Success/Fail messages
————————*/

#spMainContainer #spNotification {
display: none;
z-index: 9999999;
height: auto;
width: 300px;
position: fixed;
top: 150px;
<?php echo($smallRadius); ?>
border: <?php echo($successFailureBorder); ?>;
background: <?php echo($successFailureBackGroundColor); ?>;
text-align: center;
}

There is no change in the position of the notification box after making and saving the changes.  Still hidden behind the header.

Well Ike is 100% correct in his assessment so I would suggest that either your browser cache is kicking in and needs emptying – or – if you are using the internal SP theme cache you may want to go to the forum toolbox > housekeeping and reset the CSS cache. Possibly 150px is not enough although I suspect it is…

Not working for me.  Cleared all cache and still nothing.  Used another computer which had never accessed the site before, same thing. Doesn’t mater if I do 150px or 300px, it is in the same position behind the header.

what browser were you using?

Firefox and Chrome. on a Windows 7 laptop.  IE on a W7 Desktop. Chrome on an Android tablet.

You edited the ‘Unified’ theme but your desktop is not actually using ‘Unified’ – it is using ‘Default’. The ‘Default’ is a little different – you need to edit this set of rules:

/* ---------------------
Success/Failure Messages
------------------------*/
#spMainContainer .spMessageSuccess,
#spMainContainer .spMessageFailure,
.spMessageSuccess,
.spMessageFailure {
    display: none;
    z-index: 9999999;
    margin: 1em auto 0 auto;
    font-family: <?php echo($headingFontFamily); ?>;
    font-weight: <?php echo($headingFontWeight); ?>;
    font-size: <?php echo($spMessageSuccessFailure); ?>;
    vertical-align: middle;
    padding: 10px 20px;
    height: auto;
    width: auto;
    position: fixed;
    top: 20px;
    text-align: center;
    <?php echo($largeRadius); ?>
}

The ‘top’ – as you can see – is set to 20px. I have checked this on yoiur site and changing this value does indeed move it down.