Show content based on width?

As you said making a part responsive would be the best way you can choose. Working with screen width is some thing client side, and that’s done by CSS or alternatively by Javascript. If it’s related to css, media queries will do the job: http://www.ibm.com/developerworks/library/wa-cssqueries/index.html and if it’s js, width property of screen object does … Read more

Create various image sizes ad hoc

You could, but I wouldn’t recommend doing it on the fly as it would take up unnecessary page resources each time the user loads the page. A better way to do it would put in the add_image_size hook you mentioned into the functions file, then install a plugin to regenerate thumbnails. https://wordpress.org/plugins/regenerate-thumbnails/ I’ve used this … Read more

nextgen pro horizontal filmstrip moves up as browser narrows

It appears that various elements are having their height set dynamically via javascript, when the viewport width changes. This would probably override any css settings you’ve set. Looking at the code, there’s an embedded iframe, within which there’s javascript like this: var calculateHeight = function (settings) { … The code then calculates a height to … Read more

Header Logo Scaling

Simply put… You can either add this to the background properties: background-size: contain; This will have the image scale proportionately to consume the available area. Or you can change the image to NOT be a background image. That will allow you to set more relative dimensions (like a fixed height or width with an auto … Read more