Beste SD'ers,

Ik heb onlangs gemerkt dat mijn website soms wel goed verschijnt op mobiel en soms niet.
Bij mij zelf is het zo: ik surf naar de website op mobiel en de desktop versie verschijnt.
Klik ik echter op een artikel, dan gaat hij plots over naar de mobiele versie.
Bij sommige vrienden verschijnt hij echter meteen goed, bij andere dan weer nooit.

Vandaar even deze check. Hoe verschijnt http://goo.gl/7pofGw bij jullie op mobiel?

Optie 1:




Optie 2:



Als je optie 1 krijgt, mag je ook eens op een artikel klikken, om te kijken of hij dan wél overschakelt op versie 2.


Alvast bedankt voor de hulp!

PS: als er iemand is die weet hoe dit opgelost kan worden, graag natuurlijk.

Ik krijg ten alle tijden de desktop versie te zien.

Ik krijg op mijn iPhone 6 Plus optie 1 te zien. Als ik op een artikel klik, krijg ik wél de overschakeling zoals optie 2 te zien.

Dat ligt waarschijnlijk aan de meta viewport, die is nu:

Code:

<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" name="viewport"/>

En die moet zijn

Code:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />

Het rode deel moet dus worden toegevoegd, waarschijnlijk in header.php. Dat stukje code vertelt je telefoon namelijk dat hij zijn echte resolutie moet aanhouden.

Bedankt voor de reacties alvast R van Breugel en Dennis de Wit. Welke smartphone gebruikte jij R van Breugel?

@Marcel: bedankt voor je reactie! Ik heb de header.php gezocht, maar ik vind de door jou aangehaalde code niet terug in dat bestand...

Een iPhone 6s

Origineel gepost door R van Breugel

Een iPhone 6s

Dat denk ik niet. Die wordt pas in september aangekondigd. iPhone 6 zeker?

Origineel gepost door Gert D

@Marcel: bedankt voor je reactie! Ik heb de header.php gezocht, maar ik vind de door jou aangehaalde code niet terug in dat bestand...

Kijk op de bron van je pagina... Die meta regel heb je wel degelijk.
Waarschijnlijk zit hij niet in header.php maar hij zit wel ergens en waarschijnlijk is dit de oplossing.

Header.php is de meest logische plek, maar hij kan natuurlijk ook in een ander bestand zitten. Gewoon even alle themabestanden downloaden naar je PC en dan via de zoekfunctie naar "viewport" zoeken.

Origineel gepost door Marcel Melis

Header.php is de meest logische plek, maar hij kan natuurlijk ook in een ander bestand zitten. Gewoon even alle themabestanden downloaden naar je PC en dan via de zoekfunctie naar "viewport" zoeken.

Oké, ga ik zo snel mogelijk werk van maken :) Bedankt voor de tip! Ik houd jullie verder op de hoogte of het lukt.

Origineel gepost door Dennis de Wit

Dat denk ik niet. Die wordt pas in september aangekondigd. iPhone 6 zeker?

Klopt!

Ik heb het juiste bestand intussen nog altijd niet gevonden.

Wat ik me net bedacht, ik heb de Wordpress plugin "WPtouch Pro" geďnstalleerd op mijn website.
Echter vind ik ook hier in de instellingen niet meteen hoe ik het goed zet.

@Gert

Edit: https://www.mythicsoft.com/agentransack/download

Ik raad je aan om het programma Agent Ransack even te Googelen en vervolgens te downloaden en te installeren.
Hiermee kun je bijvoorbeeld een map selecteren, een zoekopdracht invullen en alle bestanden in deze map worden doorzocht op inhoud (bijvoorbeeld "viewport"). Agent Ransack geeft vervolgens alle bestanden waarin je zoekopdracht is gevonden netjes weer, erg handig.

Origineel gepost door M. Zanden

@Gert

Edit: https://www.mythicsoft.com/agentransack/download

Ik raad je aan om het programma Agent Ransack even te Googelen en vervolgens te downloaden en te installeren.
Hiermee kun je bijvoorbeeld een map selecteren, een zoekopdracht invullen en alle bestanden in deze map worden doorzocht op inhoud (bijvoorbeeld "viewport"). Agent Ransack geeft vervolgens alle bestanden waarin je zoekopdracht is gevonden netjes weer, erg handig.

Hartelijk dank voor deze geweldige tip :)
Het bestand stond in wp-login.php - maar volgens mij staat de code die Marcel Melis hier aangeeft, er al in?

wp-login.php is een core bestand van WordPress, dat is inderdaad de juiste code maar die geldt alleen voor de admin omgeving van Wordpress (die is ook responsive namelijk). Jij moet de bestanden hebben die in de map /wp-content/themes/canvas/ staan.