26707 sujets

CSS et mise en forme, CSS3

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

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)
Administrateur
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.
Effectivement, j'ai résolu mon problème. Il suffisait de rajouter
right: 0%;
Smiley smile
Modifié par Titouan79 (31 May 2019 - 17:40)
Meilleure solution