Switch megamenu/button

[RemTag]

Bien le bonjour !

Voila je souhaite en gros si max-width: 780px alors
<block name="mainnav" type="mainnav" main-inner="1"></block>
devient
<block name="mainnav" type="iphone/mainnav" class="black"></block>

engros faire switcher le megamenu en button mobile mais sans créer une nouvelle page et surtout en passant que par le xml si possible. Mon css global sera assez identique, c'est vraiment juste pour que le menu prenne le moins de place possible

Voila !
Merci pour vos réponses

ah oui je load deja mes css dans le xml en fonction de lataille :
<stylesheets>
<file media="only screen and (max-width:780px)">css/layout-tablet.css</file>
</stylesheets>

[RemTag]

Re : Switch megamenu/button

laissez tomber, j'suis parti sur gantry 4 en template du coup je recommence tout