Align mobile nav items to horizontal centre, align social icons to bottom margin

Site URL: https://samfiskdesign.co.uk/

Hello,

I'm currently using this code to make my CTA button appear next to the hamburger in mobile view. 

.header-menu-nav-folder[data-folder="root"] {
    height: auto !important;
    min-height: auto !important;
}

However it has brought the other elements to the top of the screen as well. How do I:

a) Align the nav items to the horizontal centre of the screen

b) Align the social icons to the bottom of the screen

I've tried adjusting top margins for both but would prefer it to be responsive if possible.

Help would be appreciated!

Hi,

What is access password?

7 hours ago, tuanphan said:

Hi,

What is access password?

Hello,

Password is sf123

Thank you!

Add this code on Design > Custom CSS 

@media(max-width: 767px){
  .header-menu-nav-folder-content a{
    text-align: center !important;
  }
}

Hello,

Thank you but that's not what I meant - this is how I'd like it to be. Still aligned to the left, half way up the screen. Social icons aligned to the bottom margin

Cool, that worked. Thanks for your help!