Praticamente, nella pagina in questione, al passo 2, clicco su proprietà, esperto, estensione html e, prima della chiusura del tag head, inserisco questo codice:

<style>
@media screen and (min-width: 960px) {
.onlysmartphone {display:none;}
}
@media screen and (max-width: 1280px) {
.onlydesktop {display:none;}
}
@media screen and (max-width: 1000px) {
.desktoptablet {display:none;}
}
</style>

Nel passo 3, all'interno della pagina, inserisco un oggetto html con scritto:

<div class="onlysmartphone">
  ...........quello che scrivo qui si vedrà con risoluzione minore di 960 pixel
</div>

Non conosco il codice html quindi non posso darvi una spiegazione di perché, come, ecc..., posso solo dirvi che funziona.