Как сделать шапку (новую позицию модуля) в шаблоне beez3 в Joomla 3?

Добрый день!

Не подскажите как сделать новую позицию модуля в самом верху (шапка) шаблона beez3 в Joomla 3? Мои действия были такими:

1. Зашел в менеджер шаблонов в административной панели сайта и открыл файл "templateDetails.xml"  и затем в секцию "positions" добавил свою новую позицию в виде тега:


<positions>
<position>mynewposition</position>
 <position>position-1</position>
 <position> position-2</position>
…
</positions>



2. Затем открыл основной файл шаблона "index.php" и вписал в месте где будут появляться модуль (шапка) из позиции "mynewposition" следующую строку:



<header id="header">

                    <div class="shapka">
                    <jdoc:include type="modules" name="mynewposition"/>
                   </div>



3. Далее зашел в менеджер модулей и вставил html-код, написав слоган компании и добавив логотип и затем выбрав новую позицию модуля "mynewposition".

Обновил страницу и заметил, что слоган находиться под основным (горизонтальным меню), а мне нужно чтобы он был над основным меню.

Не подскажите какой код нужно прописать, может в div классе (CSS) чтобы модуль располагался где надо.


Вот адрес сайта:  site.com


С уважением, Дмитрий.

http://site.com/templates/beez3/css/position.css /125 строка/ можно регулировать отступ дива #header:

#header {
    display: block !important;
    position: relative;
    padding: 8em 0 0 0;
    overflow: hidden;
}

Сделайте так(написал то, что должно быть уже):


А слоган уже в диве я незнаю как должен, справо у вас, снизу или как он там относительно картинки.

vipiusss, Спасибо!

Немного стало получше. Логотип стал немного двигаться вверх вместе со слоганом, но еще находиться не в самом вверху.

Изменил параметр:

 padding: 8em 0 0 0;

таким образом:

padding: 0em 0 0 0;

Благодаря чему логотип пополз вверх и остановился.

Минусовые значения никакого результата не дают, к сожалению.

Как можно исправить?!

см выше, я изменил пост под спойлером.
И не понял вас, зачем вы на бииз шаблоне делаете, если есть протостар в коробке, адаптированный под моб устройства?

vipiusss, Спасибо! Все работает!

Не разглядел просто скрытый текст с кодом)

Проблему слогана решил просто: создал таблицу на 2 ячейки и вставил в одну ячейку логотип, а в соседнюю слоган.

Незачто.
Добавьте хотя бы display: none; в 272 строку http://site.com/templates/beez3/css/position.css :


Или удалите в коде div этот, у вас же лого J! на картинках висит.
Или отключите в шаблоне-вроде там есть такое(не помню beez)

vipiusss, спасибо за надпись Joomla. Не знал как от нее избавиться.