I am creating my first custom theme based on the rwd theme. I want the topmenu navigation to appear vertically in the left sidebar (the layout is 2columns-left).

I tried to add this to my local.xml:

    <reference name="header">
        <action method="unsetChild"><name>topMenu</name></action>

    <reference name="left_first">
        <block type="core/text_list" name="top.menu" as="topMenu" translate="label">
                <label>Navigation Bar</label>
                <block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml">
                    <block type="page/html_topmenu_renderer" name="catalog.topnav.renderer" template="page/html/topmenu/renderer.phtml"/>

It does move the menu, but the responsivity is lost - on smaller screens this menu stays the same as on large screen and the hamburger icon shows up in the header and doesn't do anything

Anyone knows how to fix this?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.