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

Store Design
, , , ,
1

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

MagdalenaBB_0-1723748874780.png
MagdalenaBB_0-1723748874780.png515×804 11.6 KB

MagdalenaBB_1-1723748933363.png
MagdalenaBB_1-1723748933363.png507×750 11.5 KB

2

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.