Supprimer le logo mobile avec CSS

Quelle serait la facilité de retirer le logo dans la version mobile tout en le conservant dans la version desktop ? Je comprends qu’il soit possible de simplement « supprimer » le fichier téléchargé du logo mobile, mais cela reviendrait alors à utiliser le logo par défaut pour le bureau.

J’ai essayé

#logo {
display: none;
}

ainsi que

.logo-pane {
display: none;
}

mais aucun n’a semblé fonctionner – les deux ont été placés dans la section Mobile. Certes, je ne suis pas très compétent en CSS. :wink:

1 « J'aime »

Si vous ajoutez votre première règle CSS dans l’onglet CSS Mobile de votre thème, cela devrait permettre de supprimer le logo. Si vous testez cela sur un ordinateur de bureau, ajoutez mobile_view=1 à l’URL du site pour charger le CSS mobile.

Je ne pense pas que la suppression du logo sur mobile offrira une bonne expérience à vos utilisateurs. Quel problème essayez-vous de résoudre ?

7 « J'aime »

Cela ne semble pas fonctionner, je crains. J’ai aussi essayé site-logo et logo-big.

En théorie, je suis d’accord à 150 % avec vous : notre instance Discourse existe dans un WebView avec des éléments d’interface utilisateur externes qui rendent certains aspects par défaut de l’interface redondants.

(la plupart, sinon la totalité, de nos utilisateurs sont sur mobile)

edit : j’ai réessayé avec site-logo et cela a fonctionné parfaitement !

Bonjour,

Vous pouvez essayer d’ajouter le code suivant dans le champ CSS supplémentaire de votre Panneau d’administration > Apparence > Personnaliser :

div#logo {
display: none;
}

Merci !

1 « J'aime »