Burger Menu is centered

Hey ginnywills,
Please try this code in the General Styling > Quick CSS field:

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    width: 1% !important; 
    float: left !important; 
}
.html_av-overlay-side .av-burger-overlay-scroll {
    left: 0 !important;  
}

To add your own Google Font, please download your font at https://fonts.google.com/ and then add it to your theme at Enfold Theme Options > Import/Export > Custom Font Manager
Please read about this here

Best regards,
Mike

Hi,
To make the social icons bigger please try:

/* larger socket social icons */
#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#socket .social_bookmarks {
    height: 60px!important;
}

/* larger header social icons */
#header_meta .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#header_meta .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#header_meta .social_bookmarks {
    height: 60px!important;
}

Please adjust the size to suit.

The socket social icons stay visible at mobile sizes, but to make the header ones stay visible please try this:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
    display: block !important; 
}
.responsive #top #wrap_all #header_main .av-logo-container .main_menu .noLightbox.social_bookmarks {
display: none !important;
}
}

Best regards,
Mike

Hi,
I took a look at your font css and added “!important; ” like this:

p, h1, h2, h3, h4, h5, h6 {
font-family: 'Didact Gothic', sans-serif !important; 
}

and it now seems to be working, Please clear your browser cache and check.

Best regards,
Mike