Mobile navigation - align text centre

Site URL: https://tmforwomen.squarespace.com/

Hello, I have used the below code to centre align my mobile navigation text. I would like to move the text down so it is aligned in the centre vertically also. Is there a way to do this? Many thanks :)

// Center Mobile Text //
.Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;}  .Mobile-overlay-menu {width: 100%; z-index: 1;}

2 hours ago, earthwindflowermoon said:

Site URL: https://tmforwomen.squarespace.com/

Hello, I have used the below code to centre align my mobile navigation text. I would like to move the text down so it is aligned in the centre vertically also. Is there a way to do this? Many thanks 🙂

// Center Mobile Text //
.Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;}  .Mobile-overlay-menu {width: 100%; z-index: 1;}

Try adding to Home > Design > Custom Css

/*main menu*/
.Mobile-overlay-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%)
}
/*folder menu*/
.Mobile-overlay-folder {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

Support me by pressing 👍 if this useful for you

Main mobile menu

Sub menu

Perfect! This is exactly what I needed! Thank you so so much!!!!