меню Zurb Foundation - Отдельный Align для настольных и мобильных просмотров

Question

Для моего меню Zurb, я хочу быть выровнен центр зрения рабочего стола - для этого я использовал следующий код:

nav.top-bar { 
text-align:center; 
} 
section.top-bar-section { 
display: inline-block; 
} 

Проблема заключается в том, он также центрирует меню в мобильном режиме. Я хочу, чтобы мобильный режим оставался выровненным влево. Это возможно? Благодаря!

Answer 1

Вам необходимо использовать css media queries. Вы можете сделать что-то вроде этого:

@media only screen and (max-width : 320px) { 
    nav.top-bar { 
    text-align:left; 
    } 
} 

Убедитесь, что вы добавить этот стиль ниже оригинального стиля, так что он может заменить его. Оформить заказ Некоторые media queries for standard devices