Mobile mode shows big cap between header and body

Hey Cameron,
Than you for the link to the page, Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.main_color.container_wrap_first.container_wrap.fullsize .container:first-child {
display: none !important;
}
}

I noticed that your sub-menu was braking into two lines for mobile, if you would like it to be just one line try this css instead:

@media only screen and (max-width: 767px) { 
.main_color.container_wrap_first.container_wrap.fullsize .container:first-child {
display: none !important;
}
#sub_menu1 .avia-menu-text {
font-size: 10px !important;
}
#sub_menu1 .container.av-menu-mobile-disabled {
width: 100% !important; 
max-width: 100% !important; 
}
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike