HTML SideNav Icônes avec position négative et bouton d'effondrement non fonctionnel

Question

J'ai deux problèmes avec ma page.

Premier: J'ai 3 boutons orientables sur le côté droit de ma page. Ils devraient fonctionner comme these buttons, mais sur ma page vous pouvez faire défiler pour voir leur position "en dehors" de la page. Je suppose qu'il y a un problème avec l'affichage, mais je ne sais pas comment faire les choses correctement. Est-ce que quelqu'un sait comment résoudre ce problème?

Deuxième: Lorsque vous effectuez un zoom assez (beugler max-width: 992px) mon navbar se déplacera à sidenav et il devrait y avoir bouton effondrement « Přihlásit se », qui devrait activer l'effondrement du bootstrap et montrer la forme, mais qui doesn Ne travaille pas trop ... Je ne sais pas pourquoi. :/

There is a page!

Answer 1

sur les boutons il y a plusieurs façons comment vous pouvez atteindre un tel comportement, mais en fonction de votre balisage actuel avec des corrections rapides, vous devriez examiner ajouter overflow: hidden au récipient, par exemple body dans votre cas et déplacer les boutons bloc (.SideIconNav) à absolute position .main-relative et ne pas oublier z-indexe's

sur la forme - vous ajoutez event.stopPropagation(); sur #mySidenav qui a annulé événement click avant avoir tiré sur le bouton