1. Piet
  2. de Cock De stem
  3. Gebruikersgroepen Nederland en België
  4. maandag 20 mei 2019
Wie kan mij bijstaan in het beter leesbaar maken van de website op mobiele apparaten? Ik ben wat aan het prutsen geweest in een user.css bestand dat ik heb aangemaakt (en waarnaar uiteraard ook verwezen wordt in de index.php), maar het lukt eigenlijk nog niet om b.v. de gehele menustructuur in de desktop versie te laten "verdwijnen" in de 'smartphoneversie'.
Ik gebruik hiervoor de volgende declaratie:

@media screen and (max-width: 768px) {
.desktop-gebruikers {
visibility:hidden;
}
}

De website is gebouwd met een responsive template. Maar als je in de mobiele weergave een menu-item kiest, dan moet je steeds een heel eind naar beneden scrollen om eerst die menulijst voorbij te komen, alvorens je de pagina die je wil bezoeken kunt lezen.

Er moet dus voor de mobiele weergave ook een andere menustructuur komen, die dan weer niet zichtbaar is voor desktop gebruikers.
"Alles van waarde is weerloos" (Lucebert)
Geaccepteerde antwoord
Patrick Smits
Gebruikersgroep regio Utrecht
Geaccepteerde antwoord Pending Moderation
Hoi Piet,

Als je het volgende in de custom css zet is het opgelost:


@media screen and (min-width: 768px) {
#user4w {
display:none; }
}


Je probeert namelijk een div niet zichtbaar te maken die in een andere zit. Na speurwerk heb ik nu de buitenste div #user4w en daar zet je de display van op none.
Sorry de discussie is momenteel gesloten. U kunt nu geen reactie plaatsen.