2014-11-19 4 views
0

У меня возникли проблемы с боковой навигацией, см. codePen. Например, в примере с Foundation 5 я попытался поместить синюю метку по сторонам (side1, side2, side 3 и т. Д.) На один уровень с первой меткой (My Site), я добавляю padding-top, padding-down и что-то еще, что не работает. Я был бы очень признателен за вашу помощь в настройке боковой навигации и в правильном текстовом центре с меньшим пространством между ними.Проблемы с боковой навигацией основания

CSS

.topside-nav li { 
    display: inline-block; 
    line-height: 15px; 
    font-size: 1.25rem; 
    padding-right: 2.25rem; 
    margin: -60px 2px 5px 60px; 
    text-align: center; 
} 

Foundation - Side Nav

Это очень много времени, и, пожалуйста, предложить мне лучший способ, я уже сделал тест Chrome Инструменты разработчика и CodePen. Все еще не выясняя, почему сайт основания не дает инструкции четко.

ответ

2

Поместите margin-top: 0 в .top-bar ul и установите line-height:65px в .topside-nav li

+0

Спасибо большое, это не решает проблему, о человеке это гнусно легко. Интересно, что ширина панели навигации составляет 100%, чтобы быть более гибкой при реагировании? Ширина использования: 100% под .topside-nav? – thunderRX5

+0

Если вы установили .topside-nav в max-width: 100%, тогда он будет более отзывчивым. – coopersita

+0

Хорошо, спасибо. – thunderRX5