Css 在小屏幕/移动设备上显示页脚

我刚刚设计了我的第一个wordpress.org运行站点，带有自定义主题。这似乎在我一直使用的较大浏览器上运行良好，但是如果我减小窗口大小，或者在移动设备上查看，页脚会半/完全消失，这使得网站无法使用。其编码为固定位置，距离顶部94%，见下表：

>/* footer */
>
>#footer {
>   position:fixed;
>   top: 94%;
>   font-family:Arial, Helvetica, sans-serif;
>   font-size:14px;
>   width: 100%;
>}
>
>#footerdivide {
>   position: fixed;
>   width:inherit;
>   z-index:2;
>   background-color:inherit;
>   padding-left: 10px;
>}
>
>
>#footerdivide2 {
>   position: fixed;
>   width: 98%;
>   background-color:inherit;
>
>}
>
>
>.footerbutton {
>       display:inline-block;
>       padding-right: 40px;
>       font-size: 16px;
>}
>

网站是

请检查以下内容：

#footer {
   position:fixed;
   bottom: 0;
   height: 40px; // correct if needed
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   width: 100%;
}