Support » Teemat ja mallit » Pudotusvalikon poisto screenr-teemasta

  • tapiohuuhaa

    (@tapiohuuhaa)


    WordPressillä on paljon englanninkielisiä alafoorumeita. Olisi kivempi ihan suomeksi kysyä apua.

    Haluaisin screenr-teemaan tehdä sellaisen radikaalin muutoksen, että haluaisin päästä kokonaan eroon teeman oletusnavigaatiosta, jota se käyttää yli 1140px viewport-arvoilla.

    Kun mobiilileveyksillä katsoin lähdekoodia, siinä näkyy vain oletusvalikko. Mobiilivalikossa on CSS:lle luokkia, joita lähdekoodissa ei näy.Valikolle luodaan luokkia ”lennosta” JavaScriptillä.

    Haluaisin jQueryä hyödyntäen luoda valikkoon toiminnallisuuksia, joita ei siististi saa toteutettua kuin mobiilivalikkoon. Lisäksi ongelmana on se, että jos mobiililaitteen viewport on vaakasuunnassa yli 1100px, se oletuksena saa äärimmäisen huonosti kosketusnäytölle soveltuvan valikon. Pudotusvalikko olisi saatava toiminnasta. Sen sain pois toiminnasta poistamalla siihen liittyvän CSS:n, mutta sitten leveälle näytölle en saa valikkoa ollenkaan, koska mobiilivalikon käyttämiä luokkia ei ole olemassa!

    Löysin taitekohdan määrityksen ja muutin sitä theme.js-tiedostossa, jossa se on määritelty.

    Koodi:
    jQuery( document ).ready( function( $ ){
    
        var mobile_max_width =  6000; // Media max width for mobile

    Mutta mitään ei tapahtunut – edelleen pukkaa sitä hiivatin pudotusvalikkoa eikä mobiilivalikko tule tilalle.
    Poistin pudotusvalikon CSS:n tyylitiedotostakin.

    Koska pudotusvalikko ei toimi lainkaan ajattelemissani systeemeissä, jos jollakulla on yli 1140px näyttö, valikko ja haku yksinkertaisesti eivät ole käytössä ollenkaan. Sivuja voi leveällä näytöllä navigoida vain ns. leivänmuruilla.

  • The topic ‘Pudotusvalikon poisto screenr-teemasta’ is closed to new replies.