Горизонтальная прокрутка на Squarespace определенно возможна! Вам просто нужно добавить немного кода на свой сайт, чтобы это произошло. Вот как вы можете это сделать:
Во-первых, вам нужно создать пользовательский файл CSS. Для этого перейдите на панель «Дизайн» и нажмите на «Пользовательский CSS». После этого вставьте следующий код в ваш пользовательский CSS-файл:
ПРО СОВЕТ: Хотя горизонтальная прокрутка возможна в Squarespace, она не рекомендуется, так как может вызвать проблемы с функциональностью сайта и может быть совместима не со всеми шаблонами Squarespace.
@media screen and (min-width: 1000px) {
.sqs-layout {
overflow-x: прокрутка;
overflow-y: hidden;
}
.sqs-layout-edges {
overflow-x: hidden;
padding-right: 15px;
}
}
Далее необходимо добавить код в шапку сайта. Перейдите на панель «Настройки» и нажмите на «Дополнительно».
Затем вставьте следующий код в поле «Header Code Injection»:
$(window).bind(«load resize»,function(e){var t=$(«.sqs-layout»);var n=parseInt(t.css(«min-width»),10);if(isNaN(n)){n=0}var r=e.currentTarget.innerWidth;if(r>=n){t.addClass(«allowScrollX»)}else{t.removeClass(«allowScrollX»)}});
Вот и все! После того, как вы добавите обе части кода на свой сайт, вы сможете горизонтально прокручивать свой сайт Squarespace.