2013-12-24 4 views
0

Я пытаюсь центрировать навигационную панель, которая появляется при прокрутке вниз по http://digitalblare.com. Мне удалось центрировать его, когда он является частью полноэкранного горизонтального бара, который появляется на веб-сайте, прежде чем прокручивать вниз, но это просто полностью вне меня. Заранее благодарю за любую помощь!Центрирующая панель навигации прокрутки

это CSS используется для центрирования меню, прежде чем вы перечисляете:

.top-menu { width: 1045px; margin-left: auto; margin-right: auto; } 

Действительно основной материал. После прокрутки вниз, хотя я не могу для жизни меня выяснить, что кодировать или другие, которые # или. сказать.

+1

Можете ли вы показать некоторые соответствующий код, пожалуйста? – Popnoodles

+0

Конечно, извините - так это CSS, используемый для центра меню перед прокруткой: .top-menu { width: 1045px; margin-left: auto; margin-right: auto; } Действительно базовый материал. После прокрутки вниз, хотя я не могу для жизни меня выяснить, что кодировать или другие, которые # или. сказать. – Praphael

+0

вы пытаетесь центрировать это, когда его прокрутка ??? – Arda

ответ

0

Обновление ширина в следующих CSS

.top_menu { /* #main-nav.fixed-nav */ 
    width: 100%; 
    margin: 0 auto; 
} 

Он работал для меня, пытался на присланную ссылку. если вы хотите сохранить эту минимальную ширину затем обновить до

.top_menu { /* #main-nav.fixed-nav */ 
    width: 100%; 
    min-width: 1045px; 
    margin: 0 auto; 
} 
+0

Спасибо за ответ, и извините, не знаете, какой код поделиться. Вот ссылка на изображение, показывающее проблему: http://digitalblare.com/wp-content/uploads/2013/12/Untitled-1.png Я попытался ввести код, который вы указали, но проблема сохраняется. – Praphael

+0

На изображении добавлено свойство, показывающее ошибку, я думаю, вы пропустили точку с запятой между шириной: 100% и margin: 0 auto, она должна быть шириной: 100%; margin: 0 auto; –

+0

Это сработало, спасибо огромное !!!! – Praphael

0

Он переходит в фиксированное положение с помощью JS .. Так что добавьте в ваш CSS

#main-nav.fixed-nav{ 
left:50%; 
margin-left: -522px; /* half of 1045 px */ 
} 
Смежные вопросы