2014-09-30 6 views
0

Существует белый фон, который простирается до ширины экрана, когда страница прокручивается до конца. http://freshpotsolutions.com/saudisurgeons.com/test11/ Я хотел бы сохранить его с одинаковой шириной на всей странице.Белый фон появляется на заголовке при прокрутке

Привет, Джоша

ответ

0

После того, как элемент меню получает sticky класса, придать ему ту же фиксированную ширину, как .theme-layout (1230px) и удалить атрибут left.

Если элемент с position: fixed не имеет значения слева, он будет автоматически выровнен в том месте, где он был бы, если бы он все еще был частью потока документов. Для того, чтобы она имела правильную ширину, вы больше не можете использовать относительную ширину 100%, так как ее точкой отсчета является сам документ, а не контейнер макета - вам нужно указать фиксированную ширину.

+0

Я обновил «style.css» по вашей инструкции. половина вопроса, похоже, сейчас исправлена. Но заголовок все еще перемещается вправо, когда прокручивается на дно. – josh

+0

Это потому, что ваш селектор 'header.business1 .for-sticky.sticky' недостаточно силен. '# menu-sec' с шириной 100% переписывает ширину 1230 пикселей. Вы можете исправить это, изменив селектор на 'header.business1 # menu-sec.for-sticky.sticky'. –

Смежные вопросы