Struggling to center an item in the mega menu in phone view - dawn theme

[MagdalenaBB]

Hello dear community! I can't seem to find a way to center the items below in the mega menu on phone view.

Anyone has any suggestions? Thank you in advance!
Website - MAISON MAGDALENA
Password - MaisonMagdalena.222

[PaulNewton · Accepted solution]

If using chrome browser press ctrl+shift+c to open the element inspector to help find the css selector to target an element for styling.

It should be

.menu-drawer__inner-submenu button.link--text {
 justify-content: center;
}

Alternatively override the flexbox

.menu-drawer__inner-submenu button.link--text {
 text-align: center;
 display: inline-block;
 width: 100%;
}

if your trying to position the arrow separately that selector should be ".menu-drawer__inner-submenu button.link--text svg" the selector.