Щелчок на кнопке слишком мал

Question

Итак, я экспериментировал с новым типом кнопки, используя учебник, который я не могу найти сейчас ... и конечный продукт WORKS, но нажатие кнопки на кнопке крайне расстраивает, мало. Я пробовал редактировать 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 */ 
} 

Это приведет кнопку над головой, позволяя всю ширину линии, чтобы быть интерактивной