Editing the mobile heading style

Hello, I was wondering if there is any way to edit the screen that pops up when you click the 3 line navigation on the heading on mobile view. I would like to decrease the size of the text and align the text to left instead of centering it. I listed a screenshot and video to help you better solve the problem. 

thank you!

@saubuchon24 You can change the alignment of the text my going into Edit Site Header > click on the mobile icon far right > click Overlay Menu > set text alignment as Left.

For the font size, this can currently only be changed with CSS. Try this - you can adjust the size to anything you like:

//MOBILE MENU HEADING SIZE*******//
.header-menu-nav-item a {
    font-size: 1.5rem;
}

That worked! is there any way to make the login font size match the font size of the other buttons?

Also align all the buttons to the top of the page instead of the middle?

9 hours ago, saubuchon24 said:

That worked! is there any way to make the login font size match the font size of the other buttons?

Also align all the buttons to the top of the page instead of the middle?

Can you share site url? We can check easier

https://refreshedmemories.squarespace.com/config/pages password Butler

Any solutions found yet?

@saubuchon24 replace the code with this to include the login link:

//MOBILE MENU HEADING SIZE*******//
.header-menu-nav-item a, .header-menu .user-accounts-text-link {
    font-size: 1.75rem;
}

And this one for vertical alignment:

//MOBILE VENUE VERTICAL ALIGN//
[data-folder="root"] > .header-menu-nav-folder-content {
  justify-content: flex-start;
}