Responzivní menu – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

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

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
jAkErCZ0
Stálý člen
7. 2. 2018   #1
-
0
-

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 :)

Nahlásit jako SPAM
IP: 89.24.243.–
Řešení
peter
~ Anonymní uživatel
4007 příspěvků
7. 2. 2018   #2
-
0
-
Vyřešeno Nejlepší odpověď

google = responsivni navigave css3


/* css pro veschny */
.x {color:#f00;}


@media screen and (max-width: 768px) {
/* css pro width 768px */
.x {color:#FFF;}
}

Nahlásit jako SPAM
IP: 2001:718:2601:258:1c2c:84...–
peter
~ Anonymní uživatel
4007 příspěvků
7. 2. 2018   #3
-
0
-

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

Nahlásit jako SPAM
IP: 2001:718:2601:258:1c2c:84...–
jAkErCZ0
Stálý člen
7. 2. 2018   #4
-
0
-

#3 peter

Díky za rady :)

Nahlásit jako SPAM
IP: 89.24.243.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 4 hosté

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý