web-dev-qa-db-fra.com

Comment retirer le module sur un appareil mobile

je veux cacher le bon module de l'appareil mobile, j'ai utilisé plusieurs techniques, mais personne ne travaille pour moi. Ceci est mon site web http://www.healthliteracyhub.com

j'ai utilisé ce modèle http://globbersthemes.com/livedemo/hurlington

moduletemplatesextensionsmodule-display
1
Amirali Panjwani

Il ne semble pas que le développeur de modèles ait beaucoup de documentation sur son site Web.

Ce modèle ne semble pas utiliser de bootstrap.

Essayez d’ajouter ces lignes au /templates/hurlington/css/style.css fichier:

@media only screen and (max-width: 720px) {
  #right {display: none;}
}

Ou demandez de l'aide au développeur (il existe un lien de contact et de support dans le pied de page du site Web du développeur).

2
Neil Robertson

Vous pouvez créer une nouvelle classe de module pour cela dans /yourtemplate/css/custom.css (si ce fichier n'a pas été créé, créez-en un nouveau) avec quelque chose comme:

.myclass {
display: block;
}

puis se cacher sur mobile

@media (max-width:480px) {
.myclass {
display: none;
}

J'ai oublié de mentionner, cette méthode vous permettra de masquer n'importe quel module d'affichage sur mobile, utilisez simplement la classe sur chaque module que vous souhaitez masquer.

2
gringo211985