Astra – Affichage description menu CSS (Créer un compte)

Bonjour,

J’utilise le thème Astra dans sa version gratuite.
Je souhaite ajouter une description sous le titre du menu.
J’ai donc coché la case « Description » dans le menu « Options de l’écran » de l’onglet « Menus »
J’ai ensuite fait un snippet pour afficher la description dans Astra, comme l’explique Paul Chimnoy : https://www.paulchinmoy.com/display-description-text-under-menu-item-astra/, et ajouté le CSS personnalisé au thème.
Tout se passe bien, mais je voudrais modifier un détail, mais je ne maîtrise pas beaucoup, pour ne pas dire pas du tout, le CSS.
Tel que le bout de code que j’ai ajouté le fait, la description se trouve à côté du titre du menu, je souhaiterais simplement que la description soit dessous et non à côté.

Si quelqu’un peut me donner la valeur à modifier dans le CSS ci dessous, ça m’arrangerait bien !!

@media only screen and (min-width: 922px) {
	.main-header-menu > .menu-item > a {
		height: auto;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		line-height: 1.5;
	}

	.menu-item-description {
		color: #777;
		clear: both;
		font-size: 12px;
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 921px) {
	.menu-item-description {
		display: none;
	}
}

Merci d’avance !!