There's a trick you can use here, depending on how you coded your banner. But, you can oversize the banner on small screens (ie: width 150%) and use hidden overflow on the parent to crop it for width. This could be useful if you have the forum name or logo as part of the banner, and you want to increase the size of that, while hiding the superfluous part that is only there to provide eye candy on larger screens.Be aware that the image at 320px is very small when you create your own image.
Code: Select all
@media screen and (max-width: 320px) {
.headerbar .inner {
max-width: 100%;
overflow: hidden;
}
.headerbar .inner img {
width: 200%;
}
}
When you have an idea for a style, I often come up with a completely different style. This one is roughly finished in a short time. If you want to make a style after input from someone else, it is still possible. But it takes a lot longer! But if I would try to create a style that you think the masses would like, it will never be finished.
Code: Select all
<!-- BEGIN faq_block -->
<div class="panel <!-- IF faq_block.S_ROW_COUNT is odd -->bg7<!-- ELSE -->bg7<!-- ENDIF -->">
<div class="inner">