侧栏可点击div的问题

Question

我一直在尝试几种解决方案，但是我的导航栏中链接的可点击区域并不是它们应该在的位置。我只是想获得整个div或甚至只是文本内的链接。

http://prelude2cinematestsite.weebly.com/

如果你徘徊在“家”的最顶端，你最终会找到一个链接。我很早就试图解决的一个解决方案似乎最终解决了这个问题，但随后导致整个侧栏滚动显示宽度，并将社交媒体图标向下推过屏幕底部，他们拒绝让步。不幸的是我似乎无法再找到这个解决方案，因为它是唯一一个真正做我想要的东西，即使它打破了很多其他的东西。

本来应该是下拉菜单，但即使把它们拿出来似乎也没有帮助。

Weebly没有问题，我检查过。

Answer 1

您不需要应用position:absolute到.sidebar-NAV DIV和#social股利。让他们position: relative。就像你需要它们一样，它们会自动落在另一个之下。然后，删除您在div上使用的过多填充以重新定位它们。

目前，由于两者绝对定位，社交div在.sidebar-nav div之上重叠并且无意中阻止您单击按钮。

Answer 2

在你的css文件中为#social添加一个负面的z-index将解决你的直接问题，但看起来你可能仍然需要在你的导航的移动版本上工作。