..................
WORDFLY FEATURE
..................

I want to add the code that will allow me to "Hide this block on mobile devices".
For emails earlier than "WordFly 3.0.0.523"

..................
SOLUTION
..................

STEP 1.
Open the HTML Editor at the bottom of your email.



STEP 2.
Scroll down to the media queries section: <!-- Advanced styling: ... -->
Can't find it? Click in the HTML editor. Hit Control-F to search for @media



STEP 3.
Replace this code:

<!-- Advanced styling: media queries, pseudo selectors, and other css rules that cannot be inlined. -->
<style data-wfstyle="advanced" type="text/css" data-inline-options="preserve: true; ignore: true">
  /* device width specific (e.g. iPhone-ish) */
  @media only screen and (max-width: 480px){
    .two-columns-block .column,
    .three-columns-block .column {
      float: none !important;
      width: 100% !important;
    }
  }
</style>


With this code:

<!-- Media query resets, pseudo selectors, and other css rules that cannot be inlined. -->
<style data-wfstyle="reset" type="text/css" data-inline-options="preserve: true; ignore: true">
  /* device width specific (e.g. iPhone-ish) */
  @media only screen and (max-width: 480px) {
    .two-columns-block:not(.mobile-scale) .column,
    .three-columns-block:not(.mobile-scale) .column {
      float: none !important;
      width: 100% !important;
    }
    .mobile-hide {
      display: none !important;
    }
  }
</style>