opgelost Responsiveness

Hoi,

Ik vroeg me af wat ik kan doen om mijn website wat beter te laten reageren wanneer het kleiner gemaakt wordt.

Er blijft 'content' (strepen e.d.) hangen.

Mijn website


Vooral op het menu 'William' (Nederlandse vlag!) krijg ik te zien dat er content blijft hangen.

Op het menu 'uitdagingen' waar ik easyblog heb geinstalleerd lijkt het goed te gaan.
Op het menu 'home' maak ik gebruik van k2 en daar lijkt 1 streep wat te blijven hangen.


Misschien tips?

Je website is offline. Zo te zien heeft je hoster problemen.

Probleem is opgelost.

Oplossing wil ik wel delen, maar kraakhelder begrip heb ik er nog niet van. Heel duidelijk is het niet zonder plaatjes. (Wat reden is dat ik het maar sloot):

Ik had een 'wrapper' div geplaatst in mijn index.php van template. Dit had ik gestyled met margins. Iets als: margin-left: 50px.

In responsive templates is het wijzer te werken met procenten: Met iets als: width: 85% statements schoof alles beter op zijn plek.

Voor-de-rest speelde ik wat met toevoeging van classes. B.v.:

class="container".

Wat niet te stylen is omdat het opgemaakt is met een bootstrap.css

Verandert naar:
class="container mijn_classe"

Dat werkte wel hier en daar.