Responzivní menu – CSS – Fórum – Programujte.com

Zdravím mám na e-shopu menu https://www.bellugio.cz ale potřeboval bych ho upravit že když se člověk divá na telefonu bude skryto a člověk si ho může rozkliknout tak jak je to vrchní menu... 

<div class="side-menu animate-dropdown outer-bottom-xs">
                        <div class="head"> Bellugio
                        </div>
                        <nav class="yamm megamenu-horizontal menu-tree" role="navigation">
                           <ul class="nav nav-list tree out">
        {foreach $categories as $categoryArray}
                {* Deklarace pomocných proměných. *}
                {var $category = $categoryArray['category'], $subcategories = $categoryArray['subcategories']}
                {if $subcategories}
                        {* Vykreslení kategorie se sub-kategoriemi. *}
                        <li><a class="tree-toggler nav-header" data-path="{$category->url}" style="color: #f39c12;">{$category->title}</a>
                            {control categories, $subcategories}
                        </li>
                {else}
                        {* Vykreslení kategorie bez sub-kategorií. *}
                        <li><a href="{plink :Eshop:Product: $category->url}" data-path="{$category->url}">{$category->title}</a></li>
                {/if}
        {/foreach}
</ul>

                        </nav><!-- /.megamenu-horizontal -->
                    </div><!-- /.side-menu -->

Používám v nette přímo výpis z db do treeview ale potřebuji to upravit na responzivitu..

Díky všem za rady :)

https://www.whitehat.cz/jak-vytvorit-responzivni-design/

#3 peter

Díky za rady :)