XF 1.x Center User Banners

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

  • test.png
    test.png
    28.6 KB · Views: 9

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
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?
 

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.