Support » Ohjeet ja vianmääritys » Mobiiliversio

  • Olen aloittelija. Tarvitsen nyt neuvoja ensimmäisten wp sivujeni kanssa. Olen saanut ne tehtyä ja nettiin, mutta mobiiliversiossa on häikkää. Ne on tällä hetkellä oman verkkotunnukseni alla. Menevät oikealle paikalleen vasta kun asiakas on tarkistanut ne. Mutta ongelma on nyt siis se, että muokkasin valmista pohjaa (lähinnä muutin elementtien paikkaa ja poistin iconeita tekstien edestä) tämän vuoksi tekstit pomppii mobiiliversiossa miten sattuu. Miten saisin sen korjattua? Koneella katsoessa sivut on suht ok, muutamaa teknistä juttua lukuunottamatta. Mutta mobiiliversiossa tekstit pomppii ja header ei ole samanlainen kun koneella katsoessa.

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • Tähän on kyllä erittäin vaikea sanoa mitään näkemättä mistä tarkalleen ottaen on kyse.

    Thread Starter katju

    (@katju)

    Header ongelma on aikalailla jo hallussa, mutta esittelyteksti (icon box) elementit pompppii edelleen. En myöskään saa muutettua palvelut sivun osoitteesta pois alkuperäisen templaten sivunimiä. Jos teen ohjeiden mukaan niin sivut katoaa ja tulee error koodi. Sivut on siis tällä hetkellä täällä: https://graafistamuotoilua.fi/

    Koneversiossa ei toimi vielä yhteydenottolomake ja palvelut sivuilla on siis alkuperäiset sivunimet, mutta muuten sen pitäisi olla suht ok. Mobiiliversiossa on ne suuremmat ongelmat.

    Thread Starter katju

    (@katju)

    Nyt sain sivut nimettyä niinkun halusin. Eli sekin ongelma hävisi. Jäljellä on siis nuo mobiiliongelmat.

    Mobiiliversiossa on kieltämättä melko massiivinen ongelma, ainakaan etusivulla sisällöstä ei näy kuin ohut kaistale, kun sisältöalue on 2600px leveä, näyttö on 375px leveä ja mitään vierityspalkkejakaan ei tule.

    Ihan kaikki rivitykset ja elementit eivät myöskään toimi kunnolla ihan kaikilla leveyksillä, mutta se on aika pientä tuohon isoimpaan ongelmaan verrattuna.

    Visual Composer ja Winnex tekevät koodista melkoista sotkua, joten ongelman setviminen voi olla vähän työlästä, mutta näyttäisi siltä, että määrittelemällä .container-luokan leveydeksi 100% pääsee jo alkuun. Muussa tapauksessa mobiilissa tuon elementin leveydeksi tulee sisällön perusteella 2625px, siltä kun puuttuu mobiilipuolella kokonaan leveysmäärittely (monilla näytönleveyksillä sillähän on kiinteästi määritelty leveys, mutta jostain syystä pienimmillä leveyksillä määrittely puuttuu kokonaan).

    Thread Starter katju

    (@katju)

    Minulla ongelma näkyy lähinnä etusivun yläosan asioissa. Mutta ”hyvä” tietää että siellä on enemmänkin ongelmia :/

    Kuten alussa ilmoitin olen aloittelija eli tarvitsen tosi yksityiskohtaisia vastauksia. Eli jaksatko vääntää rautalangasta minne muutan tuon:.container-luokan leveydeksi 100%

    CSS-tiedostoon, mihin muutenkin teet omat tyylimuutokset.

    (Jos et tiedä, mikä on CSS-tiedosto, suosittelen lämpimästi vaikka tätä kurssia.)

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • The topic ‘Mobiiliversio’ is closed to new replies.