[Résolu] Menu sur deux lignes sur une petite plage de résolution d'écran

[decome2013]

Bonjour à tous

 

En remaniant mon site pour le rendre responsive il semble que l'impasse ait été faite sur une plage de résolution qui en englobe une très connue : le 1024x768.

 

Le problème se pose au niveau du menu

 

 

Sous une largeur d'écran de 991, le menu devient version mobile

Au dessus d'une largeur d'écran de 1200, le menu est bien sur une ligne

Mais entre les deux, le menu s'affiche sur deux lignes à cause du font-size du menu en version non mobile : 14px.

Le problème est visible ici :

http://k6.re/uanHX

 

Si je baisse le font-size à 10px le problèlme est résolu mais c'est inadapté aux résolutions plus grandes.

 

Malgré différentes recherches, je ne trouve pas comment résoudre le problème :

 

Pouvoir définir en CSS, que si la largeur de résolution est supérieure ou égale à 1024 = adaptation de la font-size que tout s'affiche sur une seule ligne comme un nowrap

Puis, si la largeur est inférieure à 1024 = version mobile

 

Auriez-vous des pistes à me proposer svp ?

 

 

Edited December 16, 2016 by decome2013 (see edit history)

[Rockink]

Bonjour,

 

Tu as regardé du coté des Media queries ?

 

exemple :

@media screen and (min-width: 1024px) and (max-width: 1280px)

{

/* Rédigez vos propriétés CSS ici */

}

[decome2013]

En effet ^^Merci beaucoup pour ton aide

 

@media only screen and (min-width: 992px) and (max-width: 1199px) {#st_advanced_menu_wrap .advanced_ma_level_0{font-size:10px;[spam-filter]