Submenu při responsivním zobrazení

Petr Vlček
Autor
OFFLINE
Uživatel

Více

13. led 2015 19:21 #119634 od Petr Vlček

Submenu při responsivním zobrazení od Petr Vlček

Zdravím,
potřebuji poradit. Mám vytvořené stránky, šablona v Artisteeru, dále v Joomla 2,5 udělána multijazyčná verze. Při zobrazení na PC v Chromu, vše funguje jak má, ale při responsivním zobrazení na mobilním zařízení při kliknutí na menu, které obsahuje podmenu se toto podmenu nerozbalí a tudíž tyto stránky jsou pro uživatele mobilu a tabletu nedostupné. Hledal jsem toto nastavení v jednotlivých CSS souborech, ale nemůžu to najít. Pokud mi někdo může pomoci, který parametr toto nastavení ovlivňuje, budu rád. Zkoušel jsem to hledat i v již vytvořených tématech, ale nenašel jsem. Jde o stránky www.sttp.cz

Jiří Král
OFFLINE
Začátečník

Více

14. led 2015 10:02 #119640 od Jiří Král

Odpověď od Jiří Král v tématu Submenu při responsivním zobrazení

To jsem řešil před nedávnem.
V Artisteeru v konfiguraci menu - možnosti podmenu - jsou nastavení pro responzivní úrovně, tlačítko pro menu atd...

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 15:16 #119645 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

kralyk napsal: To jsem řešil před nedávnem.
V Artisteeru v konfiguraci menu - možnosti podmenu - jsou nastavení pro responzivní úrovně, tlačítko pro menu atd...

To je samozrejme moznost nicmene od te doby co jsem si v Artiszeeru vytvoril sablonu, jsem uz udelal v samotne Joomle mnoho dalsich uprav a take multijazycnou verzi webu. Nechci si pripustit ze bych musel zacit znova.
Spise me zajima jak to nastavit primo v tzv. souborech dablony. A ani nevim v kterem z tech souboru to najit a ktery parametr zmenit. Zkousel jsem to ladenim webu F12 v Chromu a potrebuji poradit. Dekuji

karel
OFFLINE
Zkušený uživatel

Více

14. led 2015 20:50 - 14. led 2015 20:51 #119648 od karel

Odpověď od karel v tématu Submenu při responsivním zobrazení

pvlcak:
Pokud je přijatelné rovnou rozbalení všech submenu (i místní - joomlaportálovské menu je tak uděláno), tak je nejjednodušší řešení v souboru ~/sttp_06/css/template.responsive.css zakomentovat na řádek č. 382. :

Code:

/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   /* display: none !important;  */  /* ř.382:  při malém rozlišení zobrazeno/skryto  */ 
   position: relative !important;
   visibility: visible !important;
}

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Poděkovali: Petr Vlček

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 21:03 #119649 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

díky za radu, vyzkouším,
mimochodem na podobně vytvořeném webu www.modelaz-nehtu.eu to funguje bezvadně na kliknutí na hlavní pmenu se rozbaluje podmenu, na další kliknutí se zabalí

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 21:14 #119650 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

supr rada, vyzkoušeno a funguje to, teď jen, jestli by byla rada na kliknutí rozbalit, po dalším kliknutím zabalit jak jsem psal v předchozím příspěvku a bylo by to úplně bezvadný

karel
OFFLINE
Zkušený uživatel

Více

14. led 2015 21:20 #119651 od karel

Odpověď od karel v tématu Submenu při responsivním zobrazení

v tom případě zkuste opravit JS chybu:
GET www.sttp.cz/templates/sttp_06/images/header_EN.png 404 (Not Found)
třeba se i zbytek JS rozběhne ...

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 21:58 - 14. led 2015 22:00 #119652 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

asi jsem LAMA ale nějak nejsem schopný samotný JS opravit, mimochodem správně tam má být soubor "header.png"

karel
OFFLINE
Zkušený uživatel

Více

14. led 2015 22:22 - 14. led 2015 22:23 #119653 od karel

Odpověď od karel v tématu Submenu při responsivním zobrazení

pro ověření funkčnosti si můžete
www.sttp.cz/templates/sttp_06/images/header.png zkopírovat do
www.sttp.cz/templates/sttp_06/images/header_EN.png

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 22:28 #119654 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

tak jsem příslušné složce tedy v sttp_06/template/images přidal ještě jeden obrázek, sou tam teď jak header.png tak header_EN.png, přesto se submenu neotvírá na klik

karel
OFFLINE
Zkušený uživatel

Více

14. led 2015 22:41 - 14. led 2015 22:42 #119655 od karel

Odpověď od karel v tématu Submenu při responsivním zobrazení

zazálohujte stávající na STTP, a zkuste z /templates/nails_art_new/script.responsive.js
(až teď koukám, že jsou jiné ... )

Code:

jQuery(function ($) {
    "use strict";
    $(".art-hmenu a")
        .click(function(e) {
            var link = $(this);
            if ($(".responsive").length === 0)
                return;
            var item = link.parent("li");
            if (item.hasClass("active")) {
                item.removeClass("active").children("a").removeClass("active");
            } else {
                item.addClass("active").children("a").addClass("active");
            }
            if (item.children("ul").length > 0) {
                var href = link.attr("href");
                link.attr("href", "#");
                setTimeout(function () { 
                    link.attr("href", href);
                }, 300);
                e.preventDefault();
            }
        })
        .each(function() {
            var link = $(this);
            if (link.get(0).href === location.href) {
                link.addClass("active").parents("li").addClass("active");
                return false;
            }
        });
});

Code:

jQuery(function($) {
    "use strict";
    $(".art-hmenu a").each(function() {
       var link = $(this);
        if (link.get(0).href === location.href) {
            link.addClass("active").parents("li").addClass("active");
            return false;
        }
    });
});

Znáte-li řešení, sdělte ho - pomůžete ostatním při řešení stejného problému, i případný "rádce" bude vědět, poradil-li správně nebo špatně.

Poděkovali: Petr Vlček

Petr Vlček
Autor
OFFLINE
Uživatel

Více

14. led 2015 22:49 #119656 od Petr Vlček

Odpověď od Petr Vlček v tématu Submenu při responsivním zobrazení

Tak a jsme u konce. Po nakopírování tohoto scriptu z modeláže na STTP to funguje jak má. Mnohokrát děkuji za podporu, to bych opravdu nedal. Supr spolupráce a děkuji za Váš čas.

Vygenerováno za 0.100 sekund