27802 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde =)

J'ai un problème de CSS sur la page d'accueil du site (en développement) https://www.le-souffle-de-lumiere.fr/

> dans nouveaux produits (au milieu de la page d'accueil), lorsque l'on passe la souris sur "Encens Nag Champa" (le gros bleu, au milieu), le bloc de texte apparait alors sous le bloc d'inscription à la newsletter.

J'ai beau chercher, je ne trouve pas la solution Smiley decu

Merci d'avance pour votre aide !
C'est à cause de cette propriété
.owl-carousel .owl-stage-outer { overflow: hidden } 

Si tu la change pour
.owl-carousel .owl-stage-outer { overflow: visible } 

ça devrait régler le souci, tu peux la rajouter dans le custom code
Meilleure solution
Bonjour,

(entre temps, une réponse est arrivée, je poste quand même)
le problème apparaît sur tous les sous-menus qui sont juste au-dessus de la newsletter (mis à part les deux derniers à droite, très courts). Je crois qu'il faut régler ça soit en mettant des marges suffisantes entre les derniers blocs avant la newsletter ou alors, si le menu déroulant est trop long, mettre un z-index sur ce menu déroulant, de façon à ce qu'il passe par-dessus la news. Un z-index supérieur à celui de le news, s'il y en a un. C'est cette solution qui est la meilleure, je crois.
Sur les autres blocks plus haut, le texte passe bien au-dessus du bloc situé dessous, sert toi de cet exemple.
"Mais c'est bien suuur", j'avais oublié cette histoire d'overflow !

C'est résolu, un grand merci !!