Menu icon Foundation
hide-for-small in e-mail

In a news-template: how to hide a part of the layout for small. image left and text right for large and medium. But only show images for small? tried both hide-for-small or show-for-large but both not working. Where to have this applied anyway? Any code-pen with an working sample? Thanks.

 

W.

 

<th class="small-12 large-6 first columns">image here</>
<th class="small-12 large-6 last columns hide-for-small">some text here</>

hide-for-small

In a news-template: how to hide a part of the layout for small. image left and text right for large and medium. But only show images for small? tried both hide-for-small or show-for-large but both not working. Where to have this applied anyway? Any code-pen with an working sample? Thanks.

 

W.

 

<th class="small-12 large-6 first columns">image here</>
<th class="small-12 large-6 last columns hide-for-small">some text here</>
Wiechert Hooghwinkel almost 2 years ago

This is how my template looks like on an iPhone now. Not really responsive I would say :)
https://pastebin.com/gzSDfX4B here is my template in a Pastebin. Any One who can help me getting this looking great on mobile as well? Thanks a loot!

W.

Wiechert Hooghwinkel almost 2 years ago

I added the viewport metatag but still no improvement in my iPhone mail.
Any advise on this anyone? Thanks!

 

her is a codepen codepen   maybe someone can help getting this template working! Thanks!

Wiechert Hooghwinkel almost 2 years ago

 Any help on this? Would be great to finish this before the holidays :) Thanks!