positie verplaatsen module in responsive
- Gast
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
24 mei 2018 13:35 #17004
door Gast
Beantwoord door Gast in topic positie verplaatsen module in responsive
Oke het is gelukt, zal even een kleine uitleg verder geven.
Onderstand de code die in de template.responsive.css toegevoegd is.
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.
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; }
}
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.
Onderwerp is gesloten.