按钮的可点击区域太小

Question

因此，我正在尝试一种新型按钮，使用我现在找不到的教程......最终产品可以工作，但按钮上的可点击区域非常令人沮丧，很小。我尝试编辑 css，因为我认为这只是一个 css 问题，但我无法让它工作。由于可点击区域较小，它似乎无法在移动设备上运行。

有问题的网站是http://forrestburdette.com/ 有问题的按钮是其儿童外展部的右上角按钮。它似乎只能在按钮的最右中间点击。我需要一些关于我哪里出错了的指导！希望这是一个简单的修复！

Answer 1

目前该按钮位于标题下方，这就是链接被切断的原因。要解决这个问题，您需要添加一个包含z-index按钮div，如下所示：

.forrest_burdette_childrens_outreach_button {
  position: absolute;
  top: -9px;
  right: -1px;
  width: 220px;
  height: 52px;
  z-index: 1; /* add z-index */
} 

这将使按钮位于标题上方，从而可以单击链接的整个宽度