- в макет страницы, где нет свободного левого поля для открытого меню - это работать не будет, нет возможности быть открытому меню, так как некуда ему развернутся. Мешает div class="container":
1) - его нужно опустить ниже на высоту Вашего меню - но с права тогда что будет? Как будет смотреться пустое место..
2) - использовать шаблон в котором будет место для левой колонки в которую и будет смещением в низ выводится раскрытое меню. Нужно пробовать разные варианты, по первому могу точно написать - попробовал вставить сей код в категорию, но не чего не вышло - меню не пожелало быть развернутым, div class="container" - даже и не опустился в низ на высоту меню.
Скорее всего нужно создавать новую страницу - Шаблон и на его основе вставить сей код. Посмотрите как создана Главная страница шаблона через Админку, куда прописываются позиции, примерно так и нужно будет создать свой шаблон.