CSS изменить стиль вертикальное отзывчивое меню

Question

Как изменить стиль, если меню переключиться на вертикальное?!?! Responsive Menu

<ul class="vertical medium-horizontal menu"> 
    <li><a href="#">Item 1</a></li> 
    <li><a href="#">Item 2</a></li> 
    <li><a href="#">Item 3</a></li> 
</ul> 

Я попытался, например:

.vertical li{background-color: #000000;} 

Answer 1

Поместите изменения в соответствующий @media запрос.

/С сайта вы связаны/

@media экран и (мин-ширина: 40em) {

li {background-color: #000000;} 

}