XF 1.3 Header Banner Advice


Well-known member
Sorry if this has been asked but have tried searching.

I have replaced the header banner with my own, however when viewing on smaller screen some of the banner gets cut off, how do I prevent this from happening? Is there a way to get the banner to auto resize depending on size of screen you are viewing on.

Last edited:


XenForo moderator
Staff member
Use max-width: 100% or a media query to change the banner depending on screen width.

See the Responsive Design link in my signature for the latter.


Well-known member
I've adjusted page width controller in general to this:

max-width: 100%;
_margin: 0 auto;
box-sizing: border-box;

and it made no difference


Well-known member
@Brogan thanks for that but that is only for the Logo, I have no issue with the logo just the header banner, or rather Header Background not being responsive to the width changes.