Valikko-elementti näyttää yhden valikoistasi sivulla: navigointipalkkina ylätunnisteessa, linkkilistana alatunnisteessa tai sivuvalikkona. Rakennat itse valikon kohdassa Valikot. Elementti päättää, miltä valikko näyttää ja miten se toimii: sen asettelun, alivalikoiden avautumisen ja sen, milloin se muuttuu hampurilaispainikkeeksi pienillä näytöillä.
Lisää valikko
- Luo valikko ensin. Lue Valikot ja navigointi.
- Avaa ylätunnisteesi tai lohko, johon valikko tulee.
- Napsauta vasemmasta sivupalkista Elementit.
- Vedä Valikko lohkoon.
- Avaa elementin asetukset ja valitse valikko kohdassa Valikko.
Kunnes valitset valikon, elementissä lukee Valikkoa ei ole valittu.
Asettelu ja tasaus
- Asettelu: Vaaka palkille, Pysty listalle.
- Kohteiden tasaus: Vasen, Keskellä, Oikea tai Tasattu.
- Kohteiden väli: Pieni, Keskikokoinen tai Suuri.
- Korosta nykyinen sivu: merkitsee kohteen, jonka sivulla kävijä on.
Alivalikot
- Avaa alivalikko: Oletus (vaaka: hover, pysty: napsautus), Hoverilla, Napsautuksella tai Aina auki (vain pysty).
- Näytä alivalikon kuvake: näyttää nuolen niiden kohteiden vieressä, joilla on alivalikko.
- Erota linkki ja alivalikon painike: otsikko avaa oman sivunsa ja nuoli avaa alivalikon. Käytä sitä yhdessä asetuksen Napsautuksella kanssa.
- Pudotusvalikon tasaus, Pudotusvalikon enimmäisleveys, Hoverin sulkemisviive ja Avausanimaatio (Ei mitään, Häivytys tai Liuku).
- Sisäkkäisyyden enimmäissyvyys: Rajaton tai 1 - 5 tasoa.
Mobiilivalikko
- Responsiivinen rajapiste: näytön leveys, jolla valikko muuttuu hampurilaispainikkeeksi: 768px (tabletti ja pienempi), 1024px (kannettava ja pienempi), 1280px (suurta työpöytää pienempi) tai Pois, jos haluat aina näyttää koko valikon.
- Mobiilin alivalikon tyyli: Haitari, Pudotusvalikko tai Peittokerros.
Saavutettavuus
Täytä Navigoinnin nimi (saavutettavuus), esimerkiksi Päävalikko, jotta ruudunlukijat erottavat valikkosi toisistaan.
Vinkki: voit muotoilla yksittäisiä kohteita, lisätä kuvakkeita tai rakentaa suuren pudotusvalikon itse valikossa. Lue Valikon muotoilu ja megavalikot.