simheads

Registered
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

Pixel Exit Staff
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.
 

Russ

Pixel Exit Staff
Are you talking about the logo or the background?

Your logo resizes, your background will get cut off:

Screenshot_1.png
 

Russ

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

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

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.