New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

hide-for-small not working on a div (or any arbitrary element) #1083

Open

handhikadj opened this issue Dec 2, 2021 · 1 comment

handhikadj commented Dec 2, 2021 •

edited

Loading

How can we reproduce this bug?

<link rel="stylesheet" href="foundation-emails.css">

<tr>
  <td>
  <div class="hide-for-small">
    <!-- content -->  
  </div>
  </td>
</tr>

What did you expect to happen?
any element is hidden when that class is applied

What happened instead?
element is not hidden

What email clients does this happen in?
tried on browser

eoin-eyefall commented Jan 31, 2022

I think you need to use class=show-for-large?

From the Foundation for Emails docs:

To show content only on desktop clients, add the class .show-for-large to the element.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment