В статье разберем, как сделать вертикальную прокрутку в Elementor Pro виджета или секции.
Данная функция позволить не растягивать лендинг или сайт, как портянку а внедрить контент в компактные секции.
К примеру вы захотели добавить скриншот сайта целиком, большую фотогалерею или иной контент то с легкостью реализуете с помощь данного css кода.
Настройка
Добавьте секцию или виджет в редакторе, нажмите редактировать и переключитесь на вкладку расширенные ⇒ пользовательские css (Смотрите скриншот ниже).
Скопируйте и вставьте css код:
/*Вертикальная прокрутка Elementor*/
selector{
height: 400px;
overflow-y: scroll !important;
overflow-x: hidden !important;
}
Если необходимо изменить высоту, замените значение «height: 400Px;» вместо 400 к примеру 800, высота поменяется.
Также вы можете изменить скроллбар и задать собственные настройки, более подробно смотрите здесь.