So, I made the markup I want and I made it responsive to resizing (which took some work). However, I can’t figure out how I prevent the text on the right (.feature_content) from disappearing below the container when I resize. I feel as if this must be a simple change but one I have not yet been able to identify:
@Melindrea I have position:absolute on .feature_content to make sure the image (which sits inside .feature_content) always matches the height of the parent div. I have position:absolute on .subpage-wrap because this is the div around the menu, and I always want the menu to be at the bottom of this div while still remaining in front of the image – if I set it to relative it goes below the image.
@unasAquila fittextjs doesn’t seem to be a solution in this situation. Unless I’m misunderstanding the blog post that doesn’t realy address the situation.
We could change some of the DIVs to relative and incorporate a matching div height code for .feature_content and feature_inner but I can only find the appropraite jquery for DIV ID’s, not classes. Can anybody help with that? :-)