opgelost Weergave op mobiel fout

Goedemiddag,
De website van de Nederlandse Orchideeën Vereniging is nieuw gebouwd in 4.x (nu 4,2,7 ) voorlopig in een subdomein, nieuw.nov-orchidee.nl
Op PC naar tevredenheid maar op mobiel staat een pagina op een groot wit vlak (zie fotopagina) en is laag links en onder te bewegen. Hoe is dit op te lossen?

Groet
Gerard

Het lijkt alsof er geen menu-inhoud aan dayt menu-item is gekoppeld.
Er staat nu alleen de tekst: "Planten showen ....... "Controleer dus eerst het menu-item 'Fotopagina'.
En kijk hoe dat is ingesteld.

Toch wel. Ook merkwaardig, als je je telefoon kantelt staat ket scrol neer boven pijltje helemaal rechts in het witte vlak, ver buiten de eigenlijke pagina.

Ik denk dat deze definitie in je user.css de boosdoener is:

Die zet de header 'vast' op 1280px breed, wijzig width in max-width

Helaas, wat ik daarmee bereik is dat de menubalk wat maller wordt de gehele pagina op de telefoon onleesbaar klein.

Kijk jij wel echt op een smartphone?
Het ziet er op mijn telefoon namelijk gewoon goed uit.
Ook de Fotopagina.

Of is het jou gelukt om op je telefoon in de PC-weergave van het template te kijken.
Op een telefoon krijg je namelijk geen hoofdmenu maar een zogenaamd hamburger-menu linksboven.
De pagina's schalen verder keurig mee.
Plaats anders ook eens een screenshot van je telefoon hier ter verduidelijking.

Zeker kijk ik op mijn smartphone, en het ziet er goed uit zolang je maar niet naar links veegt, zoals foto 1.jpg
Het wordt helemaal erg als je een formulier opent, zie foto 2.jpg

Romke schreef hert ook al, je hebt ergens een harde waarde van 1280 pixels staan.
Die zorgt ervoor dat de responsive functionaliteit niet meer volledig werkt.
Ik vermoed misschien in je template-instellingen.
Maar omdat het erop lijkt dat je de rechter muisknop blokkeert kan ik dat niet verder bekijken.

Klopt inderdaad, maar als ik van width: 1280px; max-width maak, dan wordt de menubalk op PC te smal.
Wat de tempate instellingen betreft, het is Cassiopeia en daar valt teleurstellend weinig aan in te stellen.
De blokkering voor rechter muisknop heb ik tijdelijk weggehaald op de pagina's waar de foto's van zijn.
Sorry voor de belachlijk grote foto's

Dan zul je ook moeten kijken naar de marges of je die kunt aanpassen.
Als ik alleen daar een margin-left van 92px toepas dan komt het wel mooi uit op pc

Je moet dan nog wel nagaan of een mediaquery voor kleinere schermen nodig is.

Met alle respect, maar je maakt er een rommeltje van. Ik heb even je user.css leeggemaakt en dan zie ik dat je de instellingen van Cassiopeia op vloeiend hebt staan en dit probeert te corrigeren naar statisch met je user.css.
Zet gewoon de template-instellingen op statisch en pas dan je kleuren naar wens aan, dan weet ik zeker dat het een stuk eenvoudiger wordt om e.e.a. goed te krijgen.

Ja dankjewel, maar nu is de breedte schermvullend en het was de bedoeling om op PC een breedte van 1280 te hebben.
Op telefoon is het prima.