Responsive Ipad, Iphone, Desktop

  • Ronald1969

    (@ronald1969)


    11 jaren, 5 maanden geleden

    Ik ben bezig om WordPress onder de knie te krijgen maar loop vast op een bepaald punt. zie test.qaps.nl waar het om gaat is het volgende. de site is op een desktop goed zichtbaar en werk ook goed met verschillend breedtes, wanneer ik ga kijken op een bijvoorbeeld een ipad dan staat alles door elkaar heen, vermoedelijk omdat dit is ingebouwd in WordPress, maar ik wil dat de site gewoon zoals als op een desktop zichtbaar wordt en je het zelf kan vergoten met je vingers.
    Zelf al in de CSS zitten zoeken en veranderen zonder het resultaat. wie kan zou me op weg kunnen helpen.

    Bedankt.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Moderator Richard van Denderen

    (@rdd)

    11 jaren, 5 maanden geleden

    Je hebt een site die responsive is. Alleen op de breedte van de ipad komen de elementen net niet lekker uit.

    Het is niet één element dat dit veroorzaakt maar het totaal van alle verschillende elementen die met hun wisselende grote elkaar al dan niet verdrukken naar een andere positie.

    Thread starter Ronald1969

    (@ronald1969)

    11 jaren, 5 maanden geleden

    Bedankt voor je reactie,
    Als ik kijk op onze andere site, http://www.stts-group.com is deze wel goed zoals ik hem zo willen, deze is gewoon op de ipad te zien zoals op de desktop. Dat is nu precies wat ik ook met test.qaps.nl wil.

    Ik weet niet waar dat aan ligt.

    Moderator Richard van Denderen

    (@rdd)

    11 jaren, 5 maanden geleden

    Ja, die site is niet responsive.

    Bij het verkleinen van de website worden ook nog html elementen aangepast / toegevoegd dus er zijn ook javascript functies die aangepast dienen te worden.

    reem602

    (@reem602)

    11 jaren, 5 maanden geleden

    Hoi Ronald,

    Ik heb een soort gelijk probleem opgelost door de gehele responsive code uit mijn website te halen. Hierna schaalde kleinere ‘devices’ de website gewoon in zijn geheel, zonder de indeling aan te passen.

    Dit kun je doen door naar bewerker->theme-actions.php te gaan en daar de responsive code eruit te halen.
    Deze zal waarsschijnlijk als volgt zijn:

    $html .= "\n" . '<!--  Mobile viewport scale | Disable user zooming as the layout is optimised -->' . "\n";
		$html .= '<meta content="initial-scale=1.0; maximum-scale=1.0; user-scalable=no" name="viewport"/>' . "\n";

    Voor de zekerheid is het wel altijd verstandig om even een back up te maken van je gehele website!

    Gr

    Remy

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Responsive Ipad, Iphone, Desktop’ is gesloten voor nieuwe reacties.