1. Для добавления горизонтальной прокрутки к блоку на сайте можно использовать CSS свойство overflow-x: scroll; на элементе, который содержит блоки. Например:
```
.scrollable {
overflow-x: scroll;
}
```
2. Чтобы реализовать горизонтальную прокрутку блоков в секции с помощью Elementor, можно воспользоваться виджетом "HTML" или "HTML-код". Для этого:
- Добавьте блок секции в Elementor, в котором планируете разместить горизонтально прокручиваемые блоки.
- Добавьте виджет "HTML" или "HTML-код" к этому блоку.
- Внутри виджета вставьте HTML код с блоками, которые вы хотите сделать горизонтально прокручиваемыми.
Пример кода для создания горизонтально прокручиваемых блоков внутри виджета "HTML":
```html
<div class="scrollable">
<div class="block">Блок 1</div>
<div class="block">Блок 2</div>
<div class="block">Блок 3</div>
<div class="block">Блок 4</div>
</div>
<style>
.scrollable {
display: flex;
overflow-x: auto;
}
.block {
flex: 0 0 auto;
width: 200px; /* Ширина блока */
height: 200px; /* Высота блока */
margin-right: 10px; /* Расстояние между блоками */
}
</style>
```
Этот код создаст секцию с горизонтально прокручиваемыми блоками. Обязательно замените содержимое блоков и их стили соответствующими вашим потребностям.