When working on realtor sites they can display iframed mls searches on their website and this url is provided by the local mls.
They also provide a "mobile" version in case you have a separate mobile version of your real estate website.
So if I use a responsive theme, I can have the "mobile" version display for smaller screen sizes and the regular version for larger sizes.
The theme is responsive so all elements will resize but the contents of the mls search page in the iframe will remain the same.
Since some people on mobile devices may still want the regular full page view and not the mobile version, is possible to put a link at the bottom that
would disable or change the responsive css that shows or hides my iframe?
.hide-on-phones { display: none !important; }
I think on the iframe you could just use width:100% & height: auto so the iframe re sizes in the responsive layout but the contents of these iframe may not.
Make sense ?
Linear Mode
