Hide Header and Footer for Mobiles on a Single Page

first of all – do you like to hide it on mobile devices or for small screens too?

you can use in that case only css because Enfold uses for mobile devices a class on html : avia_mobile
can you please try this in quick css and change the page id to yours wanted.
Think of refreshing cache and refresh merged files on Enfold

.avia_mobile .page-id-33662 #header, 
.avia_mobile .page-id-33662 #footer, 
.avia_mobile .page-id-33662 #socket {
    display: none;
}
.avia_mobile #top.page-id-33662  #wrap_all #main {
    padding-top: 0 !important;
}
.avia_mobile .page-id-33662 .sidebar {
    visibility: hidden;
    border-left: none !important;
}
.avia_mobile .page-id-33662 #main .content {
	border-right: none !important;
	width: 100%;
}

if it is one post only look to source code – the pages/post goes as class to the body (#top) tag.
f.e.: .postid-33645 etc

and you look to your site on a mobile device?
so – best will be to see your site.
If you could not make it public – post it in private area – and wait til mods are here.

you can simulate on some browsers the mobile devices. F.e. Firefox with alt+cmd+M and then choose a device you like to look for. Refresh Browserwindow then and look.