Support » Kokeneille käyttäjille » Valikko esille vain tablet-laitteille

  • Ns. pudotusvalikko toimii varsin huonosti tablet-laitteilla. Laitoin rinnalle kännykkätyyppisen valikon viewport-alueelle 800-1280px, jota monet tablet-laitteet käyttävät (joku voi ehdottaa parempaa aluetta).

    Haluaisin tuon vaihtoehdon rajoittaa pelkästään mobiililaitteille ts. että tietokoneissa näkyisi tuolla leveysalueella vain pudotusvalikko.
    Laittaisin mielellään ns. shortcode-koodauksena.

    Mutta millä tavalla voisin omassa shortcodekoodissani viitata päävalikkoon?
    teema twentyfourteen

Esillä 4 vastausta, 16 - 19 (kaikkiaan 19)
  • Chromella pystyy feikkaamaan selaimen lähettämän User-Agentin ja kehittäjämoodissa esittämään halutun kokoista mobiililaitetta, joten kyllä noita pystyy testaamaan.

    Antaa olla. Kun kerran Chrome ei erottele iPhone ja iPad toisistaan, haluttua lopputulosta ei voi saavuttaa. Täytyy vain miettiä, mitä kannattaa tehdä ja mitä ei.
    Päätin, että Chrome & iPad -kombinaatiota en huomioi, koska en halua turhaa tavaraa muille iPhone-selaimille. Asiat täytyy priorisoida ja iPhonella olennaisinta on Safari-tuki.

    En ymmärrä lainkaan käyttäytymistapoja.

    Kun laitoin header.php-tiedostoon ehdot, että päävalikkoa ei näytetä tietyillä tablet-laitteille lainkaan, siitä seurasi ongelmia.

    Kun laitoin päävalikon toimimaan eräillä tablet-laitteilla vain muualla, se tuli eri näköisenä kuin tilanteessa, jossa päävalikkoa ei olisi estetty toimimaan sen alkuperäisessä paikassa.

    Saattaisin laittaa vaihtoehdoksi klikattavan valikon.

    https://fi.wordpress.org/plugins/megamenu/

    Hover, Hover Intent or Click event to open sub menus

    Sen luulisi toimivan tablet-laitteilla hyvin. Kai sen omalla php-koodillakin, koska widget-alueeseen ei käy, koska pitää rajoittaa käyttö vain tietyille laitteille.

Esillä 4 vastausta, 16 - 19 (kaikkiaan 19)
  • You must be logged in to reply to this topic.