Mobiele weergave niet correct weergegeven

[Havym]

• Adres van je forum:
  Event. modificaties op je forum: Meerdere
  Wanneer ontstond het probleem? Geen idee
  phpBB versie: 3.1.8
  
  
  Heb je onlangs iets veranderd aan je forum?Diverse aanpassingen thema naar wens.
  Wat is het probleem?

Het probleem is dat de (mobiele weergave) responsive van prosilver weergave niet correct is.
Bij het aanpassen van het forum na overgang naar 3.1.8 verschillende dingen aangepast in het .css bestand om het forum naar onze wens te maken.

Ik wil de site dus weer over de gehele breedte hebben van het scherm zoals bij phpbb.com
Ik heb het thema al eens verwijderd en opnieuw geïnstalleerd met een vers prosilver thema.

Wie weet waar ik het zoeken moet?

Zo ziet ons forum eruit.



Zo de phpbb site.

[El torro]

Heb je de cache geleegd na de laatste aanpassing?

[Havym]

Uiteraard, zowel op het forum als de browser op mobiel.

[El torro]

Ik dacht dat het al verholpen was, want bij mij ziet alles er wel goed uit, welke browser op welk apparaat gebruik je?

[Havym]

Ik gebruik chrome op een Sony Xperia Z3 compact. Ook met een andere browser het zelfde probleem.
Het is wel leesbaar maar zo hoort het niet.
Het probleem zit hem in het thema of de .css denk ik. Ik kan het alleen niet vinden waar.

[Ger]

Je bent wel een beetje vaag met die "diverse aanpassingen in het thema" die je hebt gedaan en "meerdere modificaties" hè. Als je dat wat specificeert is het gemakkelijker om je te helpen.

Nu, ik zie in de inspector van Firefox een deel van je probleem:

Code: Selecteer alles

	.portal-body-center ul.topiclist dt .list-inner {
		margin-right: 60%;
	}

Dit staat in portal_all_responsive.css
Indien ik die margin-right even uitzet in de inspector zie ik dat de forumomschrijving netjes uitvult. Maar dan ben je er nog niet, want die eigenschap is er niet voor niets en volgens mij eigenlijk bedoeld voor het tonen van de informatie over het laatste bericht. Dat moet bij een bepaalde resolutie wegvallen, en op dat moment moet ook die margin-right wegvallen. Blijkbaar is dat niet helemaal lekker gedefinieerd in de stylesheet, maar dat kan komen door de "diverse aanpassingen" en "meerdere modificaties".

Als ik jou was zou ik even een testopstelling maken waarin je systematisch de extensies en themawijzigingen doorvoert en steeds controleert wat het effect is. Dan weet je vrij vlot op welk punt het misgaat.

[Havym]

Excuus voor mijn onduidelijkheid..

Deze extensies zijn geinstalleerd:

• Ajax Shoutbox 1.0.2
  Auto Groups 1.0.1
  Board3 Portal 2.1.0
  Board Announcements 1.0.4
  Board Rules 1.0.3
  Default Avatar 1.1.4
  External Links Open in New Window 1.0.1
  Max-width switch 1.0.1
  Pages 1.0.4
  Site logo 1.0.0
  Tapatalk Plugin for phpBB 3.1

De modificaties die ik gedaan heb is het aanpassen van het kader van het profiel in content.css. Dit kader is kleiner gemaakt.

In de colors.css heb ik wat achtergrond kleuren aangepast.

Ik wil gerust een file plaatsen hier als het helpt.
Eerst ga ik met je bevindingen aan de gang. Eens kijken of ik daar wat mee kan bereiken.
Ik draai een backup van de site op een virtuel server dus ik kan ongestoord proberen.

Alvast bedankt voor de geboden hulp.

[Ger]

Ik zou het als eerste eens zoeken in die Board3 Portal en eventueel de max-width switch. Dat zijn de twee voornaamste die hiermee in de weg kunnen zitten denk ik.

[Havym]

Het zit hem inderdaad in de board en jouw bovenstaande tip werkt om de tekst passend te krijgen.
Met uitgeschakelde board werkt het perfect op mobiel.
Alleen wanneer je deze aanpast is het beeld niet meer zoals het moet zijn met andere formaten.

Enig idee wat ik kan doen of moet ik de vraag neerleggen bij de maker van het portaal?

[Ger]

Je kunt bij een bepaald breakpoint (bijv. 767px) instellen dat die eigenschap uitgeschakeld wordt. Bijvoorbeeld:

Code: Selecteer alles

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.portal-body-center ul.topiclist dt .list-inner {
		margin-right: 0;
	}

Echter zou ik op op dat punt ook al die zijbalk laten vervallen:

Code: Selecteer alles

#portal-left, #portal-right {
    display: none;
}

Die zit op dat punt alleen nog maar in de weg n.m.m.

Dit is overigens alleen maar een beetje pleisterwerk, want je praat hier alleen maar over de forumindex. Geheid dat je bij andere weergaven ook nog tegen wat issues aanloopt. Het kan dan ook zeker geen kwaad om dit eens voor te leggen aan de maker van Board3Portal.

[Havym]

Zojuist hiermee gespeeld maar dit heeft een verbluffend resultaat.
Ook in topics en rubrieken.
Ik denk dat ik hiermee geholpen ben, Super!