网站上半部分的内容与移动设备的下半部分重叠

The content on the top half of a website overlaps with the bottom half on mobile device

我正在尝试我的旧网站设计,我注意到内容在移动设备上重叠。

我已经在此处上传了网站的模拟版本: http://aestheticinsights.breezybuy.com

该站点有一个 header 部分、滚动滑块部分和一个选项卡式信息部分。在台式机上,一切看起来都很好。

但是如果您在移动设备上查看它,滑块部分会与选项卡重叠(我一直在 mobiletest.me 上进行测试)。

我不知道是什么导致了这个问题。我不确定分享哪部分代码,但我可以复制任何需要查看的代码。

感谢您的帮助!

此问题是由#show-box 元素上设置的高度引起的。当屏幕较小时,此高度不足以容纳其中包含的内容。