Как сделать навигацию Squarespace липкой?

Если вы хотите сделать навигацию Squarespace липкой, вы можете сделать несколько вещей. Во-первых, вам нужно добавить немного CSS на свой сайт.

Это можно сделать, перейдя на вкладку «Дизайн» и нажав на «Пользовательский CSS». Добавьте следующий код:

.sqs-navigation-wrapper {position:fixed !important; top:0px; left:0px; z-index:9999;}

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

ПРО СОВЕТ: Если вы не будете осторожны, создание липкой навигации в Squarespace может привести к беспорядку. Обязательно тщательно протестируйте свои изменения, прежде чем вводить их в эксплуатацию, и будьте готовы к откату в случае необходимости.

.sqs-navigation-wrapper {padding-top:40px;}

Вы можете настроить отступы по своему усмотрению. Если вы хотите изменить цвет навигации, вы можете сделать это, перейдя в меню Дизайн > Стили и выбрав новый цвет для навигации.

Заключение

Сделать навигацию Squarespace липкой — отличный способ удержать людей на сайте. Добавив немного CSS, вы можете сделать так, чтобы она оставалась в верхней части страницы и не перекрывала содержимое. Вы также можете изменить цвет навигации, перейдя в раздел Дизайн > Стили.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии