Настройка настраиваемого навигационного меню (Naver)

Question

Я использую Naver jQuery plugin, чтобы создать отзывчивое меню навигации, и мне трудно достичь желаемого макета. I've set up a fiddle here. Я настроил точку прерывания медиа-запросов на 640 пикселей, и, хотя я хочу, чтобы навигационное меню плавало прямо в «немобилизованном» состоянии, когда плагин инициализирован, я хотел бы, чтобы элементы списка заполняли 100% ширины заголовка, с центральным текстом ниже «логотипа», который я хотел бы сохранить в левом верхнем углу. Я пытаюсь выяснить, какие элементы макета мне нужно соответствующим образом настроить.

@media screen and (max-width: 640px) { 
    nav li { 
     float: none; 
     width: 100%; 
     text-align: center; 
    } 
} 

Спасибо за любую помощь здесь.

Answer 1

Если вы замените свой css этим, я думаю, что это то, что вы ищете.

nav { 
    width: 100; 
} 
nav ul { 
    display: table; 
    list-style-type: none; 
    width: 100%; 
} 
nav li { 
    display: table-cell; 
    text-align: center; 
    margin-right: 10px; 
}