file hamburgermenu feliratozása

Több
2018 máj. 07 18:27 - 2018 máj. 07 18:28 #1 Írta: csicsa55
hamburgermenu feliratozása téma létrehozva csicsa55 által
Képzeljétek felmerül az igény arra, hogy a hamburger menu alá vagy esetleg fölé ki kell írni a menu szót, mert vannak olyan láma olvasók, akik nem ismerik ezt az ikont. Kérdésem nem monyákolva, esztétikusan és szakszerűen, hogy a frissítés se vágja felül. Erre szeretnék segítséget kérni. Mellékelek egy mintát.

Mellékletek:
Utolsó szerkesztés: 2018 máj. 07 18:28 csicsa55 által.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2018 máj. 09 07:52 #2 Írta: kovacshazi
kovacshazi válaszolt a következő témában: hamburgermenu feliratozása
css-sel meg lehet oldani :before vagy :after és content: "Menü" majd ennek pozicionálásával
vagy a menü html felülírásával.

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu
A következő felhasználók mondtak köszönetet: csicsa55

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2018 máj. 09 09:45 #3 Írta: csicsa55
csicsa55 válaszolt a következő témában: hamburgermenu feliratozása
Köszönet:

A végleges kód: .g-offcanvas-toggle:after { content: "MENÜ"; font-size: 24px; }

Itt a honlap: brilloptika.hu

Ennél az oldalnál a jobb oldali pozicionálás a nyerő, de kíváncsi lennék, hogyan lehet betenni alá vagy fölé. Ha valaki megírja, zárható a topic.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2018 máj. 09 12:20 #4 Írta: kovacshazi
kovacshazi válaszolt a következő témában: hamburgermenu feliratozása
.g-offcanvas-toggle::after {
    content: "MENÜ";
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.fa-bars::before {
    content: "\f0c9";
    padding-bottom: 15px;
    display: inline-block;
}

Pusz még amikortól hamburger menüd van akkor arra a media query-re
@media (max-width: 767px) {
#g-navigation {
    height: 60px;
}
}

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!