How to make your website content "responsive" / mobile friendly

Yes! Thank you, SteveTheGenie, for that little styling suggestion for my iframe container. Amazing what magic a short piece of code can do. And I love iframes, too, because they do not mess up your meticulous, hard work on FTH2.

Btw, have you disallowed scripts in the new template? My script to display our meeting date and agenda from easy-Speak seems to have died. I just haven't cleared it out of our homepage yet. I put it there because I kept forgetting to update our meeting date floater message. I've just replaced it with another linked custom page.

Anyway, FTH2 seems more attractive now than e-S. e-S is so feature-packed, but a little control-freakish with the archaic club website part of it. And so many people have a hard time using it, not as intuitive as FTH2. But I don't mind having the best of both worlds.

Thanks again,
Carmen.

I implemented your recommendations and our website seems to be fully responsive now.
Thanks Steve.

SteveTheTechie wrote: This is a good example of where having a tool may help since I could make the code get the actual iframe dimensions and adjust the wrapper accordingly.

Sounds good. So this is along your proposed "best guess" conversion of content to make it responsive? Less work for non-coders then because your wrapper settings adapt to our content. I wonder then if it's also worth allowing the browser to choose an appropriate image resolution to serve high-density and low-density screens, accordingly. On the other hand, a web page tool to let us selectively convert different parts of our content to be responsive is not bad, either, because it targets specific problems and gives us a bit more control. With regard to making the text size responsive, can we specify viewport units (percentage of viewport) at all?

Another tip: If you need to limit the width of your images to minimum width and/or a maximum width, you can do that with the min-width:###px and max-width:###px style settings. These do not have to be in pixels... they could be in pt or em (among the various units)

See here for an example:

I meant on a small screen. It's prominent enough on a big screen as it is. Never mind, I guess.