Совместная панель вкладок и панель инструментов

Question

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

<ons-tabbar>
        <ons-tab page="partials/info.html" active="true" icon="fa fa-bar-chart-o" label="Info">
        </ons-tab>
        <ons-tab page="partials/history.html" active="true" icon="fa fa-info-circle" label="History">
        </ons-tab>
        <ons-tab page="partials/contact.html" active="true" icon="fa fa-user" label="Contact">
        </ons-tab>
        <ons-tab page="partials/settings.html" active="true" icon="ion-gear-a" label="Settings">
        </ons-tab>
    </ons-tabbar>

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

<ons-toolbar fixed-style>
        <div class="left">
            Brand Name
        </div>
        <div class="right">
            Info 1: dsadas
            Info 2: adsadas
        </div>
</ons-toolbar>

Есть ли способ исправить это? Кроме того, мне действительно не нужна полная функциональность панели инструментов (хотя это было бы неплохо); все, что мне действительно нужно, это просто "полоска" height: 30px and width: 100% быть статически размещенным в верхней части приложения, чтобы поместить некоторую информацию или цифры. Когда я использую on-page со своими частями, кажется, что все это время скрыто...