Oke het is gelukt, zal even een kleine uitleg verder geven.
Onderstand de code die in de template.responsive.css toegevoegd is.
Code:
@media only screen and (max-width: 768px)
{
.hidden-phone { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
.hidden-tablet { display: none; }
}
@media only screen and (min-width: 1024px)
{
.hidden-desktop { display: none; }
}
De maten heb ik even opgezocht en bekeken waar ik wil dat er tussen de modules gewisseld wordt.
In de module "Slim zoeken" genaamd "Recept zoeken" op positie 7 in de rechter kolom staat onder Module Class achtervoegsel <spatie>hidden-phone.
In de molule "Slim zoeken" genaamd "Recepten zoeken" op positie 17 onder de header staat in Module Class achtervoegsel <spatie>hidden-tablet en daaronder <spatie>hidden-desktop.
Bedankt Patrick en Ron voor de ondersteuning.