Как сделать так, чтобы плавающее меню активировалось при прокрутке содержимого первого экрана?

Для того чтобы плавающее меню активировалось при прокрутке содержимого первого экрана, нужно использовать JavaScript для определения позиции прокрутки страницы и добавления класса к плавающему меню, когда пользователь прокручивает страницу ниже определенной точки. 

Примерно это может выглядеть так:

```js
window.addEventListener('scroll', () => {
  let menu = document.getElementById('floating-menu');
  let scrollPosition = window.scrollY;

  if (scrollPosition > 100) { // примерное значение для активации меню при прокрутке
    menu.classList.add('active');
  } else {
    menu.classList.remove('active');
  }
});
```

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

```css
#floating-menu {
  display: none;
}

#floating-menu.active {
  display: block;
}
```

```js
window.addEventListener('scroll', () => {
  let menu = document.getElementById('floating-menu');
  let mainMenu = document.getElementById('main-menu');
  let mainMenuRect = mainMenu.getBoundingClientRect();

  if (mainMenuRect.top < 0) {
    menu.classList.add('active');
  } else {
    menu.classList.remove('active');
  }
});
```

Таким образом, плавающее меню будет отображаться только после недоступности основного меню при прокрутке страницы. Не забудьте подставить свои собственные идентификаторы элементов в коде, чтобы он корректно работал с вашей темой.