Mobile Dropdown Menu Font, Margin, and Button Decreases

When I'm on my mobile site and click on the hamburger, the text is too big, the margins seem to be too big at the top and between the topics and social icons. For some reason I have an "Email" bar covering my button so no one can click on it to get into their accounts. I think this is more due to Safari? I'm not sure but I can't get rid of it.

How can I decrease the font, decrease the margins/spacing, and make it so my button shows?

You can add this to Website Tools (under Not Linked) > Custom CSS

nav.header-menu-nav-list * {
    font-size: 14px !important;
}

.header-menu-cta, .header-menu-actions.social-accounts {
    position: relative;
    top: -150px;
}
.header-menu-cta {
    top: -200px;
}