Hello, by default user banners are centred, wrapped and looking good.

But when I switch to portrait mode or sign in from mobile, the users banners are not centered as seen in the attachment.

I tried editing the CSS in message_user_info as follows:
I added:
margin: 0 auto;
text-align: center;


Code:
.Responsive .messageUserBlock .userBanner
    {
        max-width: 150px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        position: static;
        display: inline-block;
       margin: 0 auto;
       text-align: center;
    }
But still no hope. What shall I do?
 

Attachments

Russ

Pixel Exit Staff
Try this in extra.css:

Code:
@media (max-width:@maxResponsiveNarrowWidth) {
.Responsive .messageUserBlock h3.userText { text-align: center; }
}
Let me know if that works.
 

Russ

Pixel Exit Staff
I'll need to see your site live and I can apply a fix then.(tried looked like was closed for the time being)
 

Russ

Pixel Exit Staff
HMmm the css i gave you isn't working. Do you have anything else in extra.css? Can you try placing the code I gave you at the top of the extra.css?
 

Russ

Pixel Exit Staff
I had you test at the top because if you have invalid CSS somewhere on the extra.css file sometimes it will block any of the CSS below from loading. So you may want to double check the CSS you have going on, run it through:
https://jigsaw.w3.org/css-validator/

Let me know if you need any further help.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.