Вертикальная прокрутка секции в Elementor Pro

В статье разберем, как сделать вертикальную прокрутку в Elementor Pro виджета или секции.

Данная функция позволить не растягивать лендинг или сайт, как портянку а внедрить контент в компактные секции.

К примеру вы захотели добавить скриншот сайта целиком, большую фотогалерею  или иной контент то с легкостью реализуете с помощь данного css кода.

Настройка

Добавьте секцию или виджет в редакторе, нажмите редактировать и переключитесь на вкладку расширенные ⇒ пользовательские css (Смотрите скриншот ниже).

Скопируйте и вставьте css код:

/*Вертикальная прокрутка Elementor*/
selector{
height: 400px;
overflow-y: scroll !important;
overflow-x: hidden !important;
}

Если необходимо изменить высоту, замените значение «height: 400Px;» вместо 400 к примеру 800, высота поменяется.

Также вы можете изменить скроллбар и задать собственные настройки, более подробно смотрите тут.

Видеоурок, как сделать вертикальную прокрутку в Elementor Pro