kan geen wachtwoord invoeren op een beveiligde pagina

  • Opgelost eddeped

    (@eddeped)


    1 jaar, 3 maanden geleden

    Hoi,
    Ik zal proberen duidelijk te omschrijven wat mn probleem is.
    Ik heb n rijschool met n website. Op deze website heb ik “de instructiewijzer” voor mijn leerlingen waar ze dingen kunnen terug lezen of voorbereiden. Ik heb deze verdeeld in 8 modules waarvan module 2 t/m 7 enkel toegankelijk zijn met een wachtwoord.

    Nu henb ik onlangs “iets” gedaan met CSS waardoo mijn header vast bovenin het scherm blijft staan, dat wilde ik ook.
    Maar als mijn leerlingen nu naar die instructiewijzer willen en het wachtwoord willen invoeren dan kan dat niet want dat vakje waar het wachtwoord moet worden ingevoerd valt weg achter die header. Datgene wat wordt getoond is de onderkant van dat inlogscherm en kan niet naar boven worden gescrold.Oftewel het is niet bereikbaar.
    Iemand enig idee hoe ik dit kan aanpassen?

    Ik heb de header vastgezet met de volgende css code:

    .site-header {
    position:fixed;
    top:0;
    width:100%;
    }

    alvast bij voorbaat dank voor de moeite.

    • Dit onderwerp is gewijzigd 1 jaar, 3 maanden geleden door eddeped.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

1 reactie aan het bekijken (van in totaal 1)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 jaar, 3 maanden geleden

    Een “snelle’ oplossing zou zijn margin-top toe te voegen aan je post password form:

    .post-password-form {
margin-top: 40vh;
}

    En dan best nog met media queries de marge verlagen omdat je fixed header op mobiel minder hoog is ook.

    • Deze reactie is gewijzigd 1 jaar, 3 maanden geleden door Jeroen Rotty.
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘kan geen wachtwoord invoeren op een beveiligde pagina’ is gesloten voor nieuwe reacties.