XF 1.3 How do I center postbit based on responsive design

[VozValden]

I am trying to center the username in the postbit when the window is wide and medium. When centered on the small design it doesn't look good. I added the following to my extra.css.

.messageUserBlock a.username {
text-align: center;
}

Any help would be appreciated.

Solution:

Extra CSS:

.messageUserBlock a.username {
    text-align: center;
}

<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveNarrowWidth) {
     .messageUserBlock a.username {
    text-align: left;
    }
    }
</xen:if>

I set the alignment to center, then set the alignment to the left if it was narrow width.

 

[Paul B]

See the Responsive Design guide here: http://xenforo.com/community/resources/responsive-design.2193/

 

[VozValden]

See the Responsive Design guide here: http://xenforo.com/community/resources/responsive-design.2193/

Thanks for the quick reply and that guide is just what I needed!