@humanmadeaccount
You can use a CSS3 feature called vh
. It's supported in pretty much everything except Opera Mini & Android Browser at the minute.
Put this in your custom CSS:
#shoutbox-content, #shoutbox-archive-content {
height: 70vh;
overflow-y: scroll;
}
Adjust the 70vh until you're happy with it's positioning. It will look the same on all screen sizes. vh is a % of the view height. Which is the height of the users browser.
For me, using 50vh
removes the scrollbar on the page, and makes it full height including the "who's online" underneath. 