Modifier background du menu mobile !! GANTRY 4

[rapido6]

Bonjour a tous,

Je n'arrive pas a modifier le background du menu mobile sous gantry 4 !

 div.gf-menu-device-wrapper-sidemenu div.gf-menu-device-container{
    background-color: #222 !important;
}

Quelqu'un peut m'aider ?

Merci.
Steph.

[freud]

Re : Modifier background du menu mobile !! GANTRY 4

Bonjour,

Je ne sais pas si c'est la même chose pour le mobile, a mettre dans le gantry-custom.css :

body #rt-header {background:#222 !important;}

[rapido6]

Re : Modifier background du menu mobile !! GANTRY 4

Merci pour ton aide, mais ce n'est pas ca !

[ghazal]

Re : Modifier background du menu mobile !! GANTRY 4

Salut,
il faut passer par les mediaqueries et min-width/max-width pour ce genre de modif.

*Et, comme te le conseille "freud" (hmm, rien que ça! ), il vaut mieux utiliser le fichier gantry-custom.css (que tu auras créé auparavant dans le dossier "css").

CONSEIL : placer toutes les mediaqueries en fin de fichier (gantry-custom.css en l'occurrence)
Un petit mémo pour les mediaqueries et min-width/max-width sur body
avec les codes : http://codepen.io/ghazalp/pen/yJjLh
pleine page : http://codepen.io/ghazalp/full/yJjLh

PS : sur FF, raccourcis clavier pour réduire/ agrandir la fenêtre
ctrl-shift-m ou pomme-alt-m

re : modifier le background du menu mobile sous gantry 4
le sélecteur CSS est :

.gf-menu-toggle

Attention, le background est géré par 2 spécifications:

background-color: #2B2B2B;
et
background-image: linear-gradient(to bottom, #3A3A3A, #141414);

donc, jouer sur ces spécs