MEGA MENU - sous catégorie avec images

Français Discussions Thèmes Shopify
1

Bonjour,

Je suis sur le thème CRAFT (non en ligne, en brouillon mais j’ai les fichiers code).

Je souhaiterai adapter mon mega menu j’ai réussi à sortir quelque chose avec ce code pour avoir une image sur chaque sous catégorie mais cela ne donne pas exactement ce que je souhaite. Je souhaiterai que les sous catégories soient à l’horizontale et non à la verticale.

#MegaMenu-Content-2 li:before {
content: ‘’;
width: 100%;
height: 90px;
display: block;
background-size: cover;
background-repeat: no-repeat;
}
#MegaMenu-Content-2 li:nth-child(1):before {
background-image: url(https://cdn.shopify.com/s/files/1/0568/5071/0722/files/soin_visage_corps.jpg?v=1707901129);
}
#MegaMenu-Content-2 li:nth-child(2):before {
background-image: url(https://cdn.shopify.com/s/files/1/0568/5071/0722/files/Adulte-duo.png?v=1682542259);
}
#MegaMenu-Content-2 li:nth-child(3):before {
background-image: url(https://cdn.shopify.com/s/files/1/0568/5071/0722/products/Gratte-Oreille_4.jpg?v=1669199657);
}

lapetitevidal_0-1708584855630.png
lapetitevidal_0-1708584855630.png1920×1080 269 KB

Pouvez vous m’aider.

En vous remerciant,

2

Haaaa ben finalement j’y suis arrivé avec l’ajout de code juste avant ce que j’avais noté :

ul.mega-menu__list.page-width.mega-menu__list–condensed {
display: flex !important;

flex-direction: row;
}

Si cela peut aider quelqu’un :grin: .

3

TU as pu trouvé ta solution ? sinon n’hésite pas à me faire signe