Banner Resize

[simheads]

Can someone please tell me the best way to have the main banner resize itself when switching between media devices?

Right now, the banner will just crop and I think it might look better if I can keep the width intact no matter if you are on Desktop or Mobile.

Any thoughts?

 

[Russ]

It should resize automatically, it's how it works by default in XenForo, and if it's the link attached to your license then it does resize in mobile view as well.

 

[simheads]

It's not resizing my image. It just keeps the center piece and crops the left and right sides.

www.simheads.com if you want to take a look

 

[Russ]

Are you talking about the logo or the background?

Your logo resizes, your background will get cut off:

 

[simheads]

That's what I meant. Sorry my background not logo is the issue.

 

[Russ]

Well really it comes down to the amount of space you have, you could try doing a media query to target it:

@media (max-width:@maxResponsiveWideWidth) {
html.Responsive {
background-size: 100% 300px;
}
}

Ideally though you may want to get a new background image that would fit in mobile view better, then set it using the media query above.