I’m having trouble rendering my e-mail in the Yahoo app. I use an iPhone SE in combination with a yahoo account. The e-mail is kind of mobile (text a bit smaller than on other apps), but the issue is, that is doesn’t show the mobile different content.

I’m using this code to hide the content on desktop:
.show, .gmailfix {
display: none;
display: none !important;

And in the media query:
.show {
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
width: auto !important;
max-height: inherit !important;
line-height: inherit !important;

And in the body:
<!-- mobile -->
<!--[if !mso]><!-->

<div class="show" style="font-size: 0px; max-height: 0px; overflow: hidden; display: none;">
<table cellpadding="0" cellspacing="0" width="100%" border="0" align="center" class="mobile-width">


<!--/mobile -->

Does someone has a solution for this problem? My colleague with an Android phone still gets the desktop version and that is displayed ok.

The other problem is that my images are out of proportion. Does anyone know how I can solve that?

Thanks in advance for your help.
Kind regards,