Edit History

lol ok ^^ merci bien

Bon j'ai rectifié

@media (max-width: 1200px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 1.02rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}

@media (max-width: 992px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 0.9rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}

@media (max-width:576px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 0.8rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}
 

@media (max-width: 1200px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 1.02rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}

@media (max-width: 992px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 0.9rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}

@media (max-width:576px){
.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {
    color:#ffffff!important;
text-transform: uppercase;
    font: 500 0.8rem/1 Montserrat,sans-serif;
    text-shadow: none;
    padding: 1rem 1rem;
}}

J'ai ma résolution entre 992px et 1200px qui reste sur 2 lignes. Il y a autre chose qui divague dans mon code