Barre de navigation qui n'est plus responsive

[Oz-Chan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://nova-aurora.forumactif.com/

Description du problème

Bonjour !

En modifiant le code de ma page d'accueil, ma barre de navigation n'est plus responsive sur téléphone. Y-a-t-il moyen de boucher ce petit trou sur la droite sans devoir changer la taille de ma page d'accueil ? Voici les code :

PA

Code:

/*****************PA*******************/
.fondPA{margin:-20px auto; width:1000px; height:550px; background-image:url('https://i.servimg.com/u/f74/20/14/12/09/198.jpg'); background-repeat:no-repeat; border-radius:20px;}

.blockg {
padding: 10px;
float: left;
margin-left: -30px;
}

.blockd{padding:10px; float:right; margin:20px; height:400px; width:180px; margin-right:120px;}

.contexte {
background-color:#02153c;
height: 285px;
width:350px;
font-size: 12px;
margin-top: 25px;
overflow: auto;
font-family: 'Roboto',sans-serif;
color: #ffffff;
text-align: justify;
 border: 1px solid #c2a417;
padding: 5px;
.scrollbar-color: #fff6cd transparent;
.scrollbar-width: thin;
border-radius: 5px;}
.contexte a{ color: #E8D77F!important; font-weight:bold;}
.contexte a:hover{ color: #76a0f8!important; font-weight:bold;}


.contexte::-webkit-scrollbar{width: 8px; background: #eaeaea;}
.contexte::-webkit-scrollbar-thumb{background-color: #fff6cd;}
.contexte::-webkit-scrollbar-track{background-color: #82a8d7; border: 0px solid #82a8d7;}



.pred {
margin-top: 15px;
width: 200px;
    }


.linkpred{display:inline-block; margin:2px; }
.linkpred img{width:50px; height:50px; transition:all 800ms; filter:grayscale(70%); border:solid 1px #040219;}
.linkpred img:hover{transition:all 800ms; filter:grayscale(0%);}

.staffimage{width: 180px; height: 50px; border: 2.4px solid #040219;  border-radius:10px; margin-top: 5px;}
.staff{opacity: 0.0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; width: 180px; height: 40px;}
.staff img{width:180px; height:50px;}
.staff:hover{opacity: 1.0; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;
width: 155px;height: 25px;background-color:rgba(55,55,55,0.8);padding: 7px;margin: 5px;}
.staffname{text-align: left; text-align:center;line-height: 100%;text-transform: uppercase;}
.staffname a{font-family: montserrat, sans-serif;font-weight: 200;font-size: 11px; color: #82a8d7; text-shadow:0px 1px 2px black; text-decoration:none;}
.staff p{color:#eaeaea; font-size:10px; position:relative; top:-12px;}

.lienut{padding:8px; background:#02153c; margin:3px; text-align:center; outline: 1px solid #c2a417; outline-offset: -2px;}
.lienut a{color:#eaeaea; text-decoration:none; font-family:Roboto, sans-serif; text-transform:uppercase; font-size:12px; font-size:12px; display:block;}
.topsite{display:inline-block; margin:3px; position:relative; left:2px; transition:all 800ms; border:solid 1px #040219;}
.lienut:hover{transition:all 800ms; opacity:0.6;}

a {
text-decoration: none!important;
}

.Background{background-color: transparent !important;}

a:hover {
text-decoration: none !important;
cursor: crosshair;
}

span.rank_no_text {
display:none;}

Barre Nav.

Code:

/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:#03152b; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:#000d1c; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}

Merci

[Lqvrent]

Bonjour,
Si vous souhaitez une aide efficace, mettez le lien de votre forum. C'est compliqué de régler le problème à l'aveugle sans avoir accès au reste du CSS de la page.

Laurent

[Oz-Chan]

Bonjour,

oops, oublie de ma part ! C'est ajouté, merci de me l'avoir souligné !

[Oz-Chan]

Up !

[Oz-Chan]

Up !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Oz-Chan]

Bonjour,
J’attends toujours .

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Oz-Chan]

J'attends toujours =/

[MlleAlys]

Bonjour,
Je n'arrive pas à reproduire le problème, je n'ai aucun "trou" sur chrome ni firefox quelque soit la taille de la fenêtre, ni sur mon téléphone (chrome android)

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Oz-Chan]

Problème toujours d'actu sur iphone.

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.