I'm still looking too, but I did change the AlertContainerHead style to 'center' the message for me ... without the other 'auto' on the margin-right, the message was "shoved-off" to the right.
Code:
#AlertContainerHead {
width: 35%;
margin-left: auto;
margin-right: auto;
}
This achieves the same centering:
Code:
#AlertContainerHead {
display: inline-block;
width: 35%;
/* margin-left: auto; */
/* margin-right: auto; */
}
I'm trying to load the site to my mobile as well, but no luck so far, so I'm not sure how it might look there.
Other than that, I'm not clear on the situation in the last part of post #31?
Does the above change make any difference to the overall behavior?
=====
I applied the inline-block change without the margins
here.
And removed a global reference (typo in the variable name?)
here.