Just noticed one more display issue in Habitat. On my homepage slideshow (impactmusic4kids.org, which I've set to 1100x600, 100% off) the slides all display beautifully on my computer, perfectly aligned with the menu and content elements of the site. All of the other pages are likewise aligned and beautiful.

However, if I pull the site up on my iPhone or iPad, the right-hand side of the images displays cut off; also the right-hand nav arrow is cut off. Instead, a long white vertical strip displays under my last menu item. This strip displays whether the device is held in "portrait" or in "landscape" position.

I tried removing a menu item, to see if that would fix the spacing. No, that just left an empty spot at the end of the menu bar - and still showing the white bar to the right, under the menu. I tried resetting the slideshow to 100% on, but did not like that at all on this template, since it threw off the alignment (I like everything appearing within the defined margins on this template. Though I do like 100% on the site I built with Renovate, which is designed that way.)

So what I'd like is for the Habitat slideshow to display on ALL devices the same as it does on my computer - showing the entire image right to left, filling the entire width under the menu bar, rather than covering the right hand portion with white space. Any ideas how to accomplish that?