Ольга

это только те самые фигурные скобки
Если у вас установлен modDevTools, то можно быстро по всем чанкаи и шаблонам автозамену сделать на скобку с пробелом.
Если совсем ни чего не получится, стуичитесь в телеграм (в профиле есть)

1) В настройках включить pdotools_fenom_save_on_errors

2) Посмотреть логи ошибок и посмотреть файл и и строку с ошибкой

3) Перейти в core/cache/default/pdotools и открыть нужный файл

4) Найти строку с ошибкой

5) Исправить её в шаблоне

По умолчанию включено для чанков, а для использования в шаблонах нужно
pdotools_fenom_parser — да.
Все получится.
Далее следите что бы на страницах фигурные скобки в css и js не мешали работе фенома, либо окружайте тегом игнор, либо после фигурной скобки (css,js) пробел что бы был.
Не забывайте про документацию:
docs.modx.pro/components/pdotools/parser
github.com/fenom-template/fenom/blob/master/docs/ru/readme.md

Попробуйте modhelpers
modstore.pro/packages/utilities/modhelpers, документация modzone.ru/documentation/modhelpers/, вам нужно modzone.ru/documentation/modhelpers/#is_mobile (требуется установить помимо этого расширения pdoTools и в настройках включить феном)
Разные чанки для разных устройств — это удобно, это уже не адаптивность, а респонсивность (о разнице)
И да, адаптиватор может не учитывать, что есть детектор который определяет тип устройства и отдает уже соответствующий код, адаптиватор проверяет именно адаптивность, а не респонсивность. Но респонсивность лучше в итоге (блоки не скрываются, а полностью заменяются или вырезаются)

Есть как минимум два расширения для MODX modstore.pro/packages/utilities/mobiledetect и modstore.pro/packages/utilities/modhelpers — с помощью которых можно выводить разные чанки, например, для разных устройств. И будет в одном случае чанк с toggle, в другом с sticky.
Так что, пусть Ольга просто уточняет что ей нужно и этот вопрос решаем.

А если человек не понимает, что эта проблема не MODX

так человек и не говорил ни о проблеме и не о том что она связана с MODX, а в рамках раздела вопросы задала девушка вопрос на тему фронтенда, про js, про то как вывести меню что бы оно было либо sticky, либо toggle. И это нормально, хоть для MODX хоть для любого сайтостоения.

Задаст вопрос более конкретно, можно придумать решение.

Тег p — параграф (блочный элемент) нельзя оборачивать span-ом (строчный элемент)

Отвечаю на вопрос: чем угодно (точнее любым блочным и строчным) элементом, в html5 все эти ограничения являются не критичными, но помните правила хорошего тона при вёрстке.

Html:

Это какой-то не очень длинный текст внутри которого я пытаюсь выделить <span class="class1">одно</span>
 или <span class="class2">несколько слов</span> каким нибудь валидным тегом, а то меня и так много кто ругает
 и не хватало чтобы меня еще и валидаторы ругали

Css:

[class^="class"] {
font-weight: bold
}
.class1 {
color: red
}
.class2 {
color: green
}

modstore — booking

Подскажите, как адаптировать меню для всех операционных систем?

Правильнее для браузеров, а не для ОС.
По поводу адаптации, то если на бустрапе подключить правильно меню, то оно само будет складываться в бургер на мобильниках. Шрифт менять в файле css. Правда, сначала нужно подключить шрифт и дальше применять его к конкретному тегу.