Menu non accessible si navigateur dé-zoomé

[zonerc]

Bonjour à toutes et à tous,

Encore moi, et oui, désolé..

Petit problème concernant le menu de opencart avec le template par défaut. Testé avec Chrome, firefox et IE

Je m'explique:

Mon menu haut est plein (plus d'espace pour mettre de nouveaux liens). Mon premier menu (à gauche) est un menu déroulant).
Lorsque je dé-zoom mon navigateur (affichage à partir de 90%), mon menu de droite passe sous mon menu gauche et devient alors invisible.
Ce qui fait que je ne peux pas avoir accès au menu de gauche.

J'ai testé sur mon site et sur le site démo opencart sur opencart-france; c'est pareil.
Mon site, pour illustrer: http://www.zone-rc.com

Est-ce quelqu'un à déjà solutionné ce problème ?

Bonne journée

Thomas

[LeorLindel]

Je ne constate aucun défaut sur la page que tu cites et je ne vois pas non plus de menu gauche.

[zonerc]

Avec des screen ça sera peut-être mieux .. :

http://www.zone-rc.com/screen1.jpg
Sur celui-ci, le navigateur est en 100%, on voit bien le menu en haut à droite coin occaz

http://www.zone-rc.com/screen2.jpg
Sur celui-ci, le navigateur est à 90% de zoom, le coin occaz a disparu

http://www.zone-rc.com/screen3.jpg
On voit bien ici que le menu est descendu sous les autres. Ce qui fait que si je désire cliquer dans un sous-menu du menu Héliciptères RC, les liens se superposent

[bminghet]

Bonjour,
Je l'ai déjà constaté sur plusieurs de mes sites et j'ai contourné le problème en baissant la valeur du padding horizontal (entre les catégories).

Pour ton menu, remplace :

Code: Tout sélectionner

#menu > ul > li {
   position: relative;
   float: left;
   z-index: 20;
   padding: 6px 5px 5px 0px;
}

par

Code: Tout sélectionner

#menu > ul > li {
   position: relative;
   float: left;
   z-index: 20;
   padding: 6px 1px 5px 0px;
}

Tu peux aussi jouer avec la taille et le choix de la police de caractères.

[zonerc]

Merci !

Effectivement, je n'avais pas pensé à aller voir du côté du CSS,

Cela à réglé mon problème