Ja bym zrobił to tak - na przykładzie górnego menu "skopiowanego" do rotatora,
oczywiście bardziej biegli pewnie mogliby zaproponować coś bardziej eleganckiego.
pamiętaj, wpisane poniżej to wartości są przykładowe, które zastosowałem na quickstart tego szablonu
do pliku layout.css
wstawiam
Kod:
#minimenu {
display: inline-block;
position: relative;
bottom: 61px;
margin-left: 350px;
z-index: 1000;
}
w pliku index.php dodaje pozycje modułu
Kod:
<div id="jm-header">
<jdoc:include type="modules" name="header" style="jmmodule"/>
</div><div id="minimenu"><jdoc:include type="modules" name="dj-menu-h" style="raw"/></div>
<?php endif; ?>
w pliku templateDetails.xml
dodajesz w odpowiednie miejsce definicje pozycji
Kod:
<position>dj-menu-h</position>
Kopiujesz DJ-Menu i ustawiasz je w pozycji dj-menu-h
oczywiście w wersji mobilnej bardzo wąskiej tego menu nie będzie widać, choć na tabletach powinno
Teraz trochę wyjaśnień i tip
wpis display: inline-block; ogranicza wyświetlanie menu tylko do przycisków
wpis bottom: 61px; podnosi nasze menu do poziomu rotatora
wpis margin-left: 350px; przesuwa menu w prawo o 350 px, ale może i więcej
Na koniec - ponieważ bawimy się <div> i jego pozycją wypadało by podnieść następny moduł czyli jm-top
czynimy to poprzez dodanie do wpisu wartości dla margin-top
do pliku layout.css ok 100 linii
Kod:
#jm-top {
margin-left: -15px;
margin-top: -40px;
}
Reszta zależy od Ciebie