Any chance to reduce the banner content?

[jaydisc]

It takes up over a page worth on mobile. It’s ALWAYS there. It’s so overloaded with info, it loses readability and thus the benefit of providing important info. How about reducing it to hyperlinked headlines?

[Deano85]

I always use the "view in desktop mode" button on my phone to fix the problem.

[jaydisc]

I always use the "view in desktop mode" button on my phone to fix the problem.

Unfortunately, that proportionally reduces the font size of the content to an illegible size.

[Deano85]

Unfortunately, that proportionally reduces the font size of the content to an illegible size.

Yeah you have to zoom in like viewing a picture.

[jaydisc]

Yeah you have to zoom in like viewing a picture.

Alas, all the benefit of the mobile layout is lost. However, this gives me a good idea. The banner could be programatically hidden (or reduced) only for mobile clients. I suspect the Bulletin allows custom CSS. This would HIDE the notices for mobile devices:

.ui-mobile-viewport #notices {
	display: none;
}

This would truncate it to 300 pixel (adjust as desired), but allow it to be scrolled:

.ui-mobile-viewport #notices {
	height: 300px;
	overflow: auto;
}

Looks like:



You might even be able to specify the truncation by line height (1rem = 1 line): Update: This doesn't work in this context

.ui-mobile-viewport #notices {
	height: 3rem;
	overflow: auto;
}

Lastly, if it's going to be a scrollable viewport, you could turn off line-breaks, but that'll also have an adverse effect on readability. Update: This doesn't horizontally scroll properly on iPhones. I could possibly solve it, but I don't think it's a good solution.

.ui-mobile-viewport #notices {
	height: 3rem;
	overflow: auto;
	white-space: nowrap;
}

I still maintain that the best solution is reducing the content, but I do not choose the priorities here. It's just a friendly recommendation.

[Paulbot]

I've been blind to it with the non-optimised view on a mobile, but it's much tool large on the mobile-optimised view. I'd vote with hiding it on mobiles and leaving it visible for desktop only