[Résolu] Sous-menus à droite

Titouan79

31 May 2019 à 13:48

Je rencontre actuellement un problème. J'ai un menu "Profil", et des sous-menu correspondants. Ce menu est positionné à droite de la navbar. Ducoup, mes sous-menus sortent de l'écran. Comment faire pour qu'il soient inversés pour qu'ils s'affichent à l'envers (voir illustration).

Illustration :
upload/1559303236-75148-15593029497233sanstitre2.jpg

upload/1559303236-75148-15593029497233sanstitre2.jpg

A la place de :
upload/1559303266-75148-sanstitre2.jpg

Code actuel : https://codepen.io/Titouan79/pen/MdPGea
Merci Smiley smile

Modifié par Titouan79 (31 May 2019 - 13:52)

Felipe

Administrateur

31 May 2019 à 16:16

Bonjour,

est-ce résolu ?
Je vois en fin de Pen (ha) un right: 0%

.nav-header > ul > li:hover .smenu-profile {
  display: flex;
  position: absolute;
  flex-direction: column;
  top: 100%;
  right: 0%;
  padding: 0;
  z-index: 1;
}

qui me paraît être la bonne solution.

Titouan79

31 May 2019 à 17:39

Effectivement, j'ai résolu mon problème. Il suffisait de rajouter

right: 0%;

Modifié par Titouan79 (31 May 2019 - 17:40)

CSS et mise en forme, CSS3

[Résolu] Sous-menus à droite