• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 Header Banner Advice

TJA

Well-known member
#1
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.

Thanks
 
Last edited:

Brogan

XenForo moderator
Staff member
#3
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.
 

TJA

Well-known member
#5
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
 

TJA

Well-known member
#10
@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.