Discussion :

[MInfo25]

Bonjour

J'ai crée ce site : http://akibawebzine.com/

Le problème est que lorsque je parcours le site verticalement, le menu principal descend également. Sauf que certains éléments du menu débordent du cadre du menu.

J'aimerais fixer ce menu et ne plus le voir descendre au fur et à menu que je parcours le site.

Quelqu'un pourrait-il m'aider ? Merci de votre aide.

[nef1912]

Tu as des propriétés pour le menu sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap

Retire le "position fixed" et il ne défilera plus. Mais fais le tri dans les autres propriétés également.

C'est la même chose pour le logo avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#header.sticky .logo-sticky

[MInfo25]

Bonjour
Je ne vois pas de "position fixed". Svp où le voyez-vous ? Merci

[MInfo25]

J'ai enlever "position: fixed" mais ça ne change rien !

[nef1912]

Tu ne l'as pas enlevé au bon endroit.
Si je fais Inspect Element sur le menu, que je vise la balise <nav id="nav-wrap" class="nav-wrap2 center mn4"> et que je regarde les propriétés CSS.
Voici ce que je vois :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
@media only screen and (min-width: 961px) 
#header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap{
width: 100%;
  border-bottom: 1px solid #e9e9e9\9;
  box-shadow: 0 0 3px rgba(0,0,0,0.21);
  z-index: 800000000;
  background: rgba(255,255,255,0.97);
  display: block;
  position: fixed;
  height: 60px;
  padding: 0;
  left: 0;
  top: 0;
  -webkit-animation: header-anim .2s ease .027s both;
  animation: header-anim .2s ease .027s both;
  transition: background 0.3s ease-in-out 0s;
}

Où il y a bien un position:fixed; .C'est donc dans une media querie, il faudra que tu l'enlèves sur toutes les résolutions.

[MInfo25]

Svp, pouvez-vous m'indiquer le fichier où vous voyez ce code ? J'ai regardé dans le fichier main-menu.css. J'ai vu un "position:fixed; à la ligne 247". Je l'ai supprimé mais ça ne change rien.

Merci