XF 1.3 Header Banner Advice

[TJA]

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

 

[TJA]

Couple of examples:

 

[Paul B]

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]

Sorry to seem stupid but where do I put the max-width: 100%

 

[TJA]

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

 

[Paul B]

Apply the max-width to your banner.

 

[TJA]

Sent you a conversation Brogan, thanks

 

[TJA]

Apply the max-width to your banner.

Is this in a template I need to edit or a setting in styles I edit, some further instructions would be great, thanks.

 

[Paul B]

Try this resource: http://xenforo.com/community/resources/respollo.2016/

 

[TJA]

@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.