モバイルでフッターを非表示にする方法

Question

モバイルデバイスのフィールドにユーザーが何かを入力しようとすると、ページフッターが表示されなくなります。！ここで

Live link to the site

スクリーンショットです：あなたは、あなたが入力ボックスをクリックするとフッターが消えたいと

Answer 1

を言っているの

あなたの助け:)してください？もしそうなら、あなたはこのような何かを試みることができる：

CSS

@media (max-width: /* Whatever size you want */) { 
    .hidden { 
     display: none; 
    } 
} 

jQueryの

/* Hide footer when input is focused */ 
$('input').on('focus', function() { 
    $(this).addClass('hidden'); 
}); 

/* Reveal footer when input is blurred */ 
$('input').on('blur', function() { 
    $(this).removeClass('hidden'); 
}); 

また

、あなたはjQueryのためにこのCDNが必要になります。<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>幸運を！