First post here..
So luckily enough when I ran across this issue, Nivo just announced v3 which has built-in support for flexible image sizes - Nivo Blog
So I looked at fixing this issue by upgrading to Nivo 3. Turns out it's really easy.
Download Nivo 3, overwrite all content in the nivo-slider/ directory inside the plugin dir with the new files.
Force Header Image Slider to stop using
width and use
max-width instead, so that Nivo will play nice..
Change line 491 of header-image-slider.php to fix the jQuery for the auto-insert:
Pastebin for line 491 of header-image-slider.php here: PasteBin
For php (boom_header_image()), also change
boom_get_header_images, pastebin for those two methods:
Edit: Step 3:
Overwrite the relevant CSS sections with this: Pastbin
So, I'm not sure if it was the theme I'm using (Yoko), or just strangeness - but things got weird at small resolutions. Yoko is a responsive theme and does do resizing based on media queries, so I just turned my slider off at small sizes, Pastebin
You can check it out, working and all here
That should be it! Yay, flexible sliders which will auto-resize. Tested in Chrome, Firefox & IE 9/10, no issues.