Может кто-нибудь сказать мне, почему мои ссылки на абзацы не щелкают - PullRequest
0 голосов
/ 02 апреля 2019

У меня есть два тега привязки, которые по какой-то причине не активируются.Должна открыться одна ссылка, чтобы клиенты могли отправить мне письмо на мой электронный адрес.Другая ссылка должна открыть телефон или приложение, чтобы клиенты могли связаться со мной по телефону.

Я не могу понять, почему не работают только эти две ссылки.Я использую шаблон начальной загрузки, так что, возможно, в этом разделе есть что-то (jquery?), Которое мешает ссылкам работать как обычно.Значки в неупорядоченном списке в том же разделе, по-видимому, не имеют этой проблемы.

<section class="ftco-section about-section">
        <div class="container">
          <div class="row d-flex" data-scrollax-parent="true">
            <div class="col-md-4 author-img" style="background-image: url(images/author-1.jpg);" data-scrollax=" properties: { translateY: '-70%'}"></div>
            <div class="col-md-2"></div>
            <div class="col-md-6 wrap ftco-animate">
              <div class="about-desc">
                <h1 class="bold-text">About</h1>
                <div class="p-5">
                  <h2 class="mb-5">Hi! I'm Matthew Mullins</h2>
                  <p>I thrive working on large, commercial, information heavy site designs. I have an emphasis on ease of use & simplicity. My idea of great visual design: when it enhances the user experience, & doesn't get in the way.</p>
                  
                  <ul class="ftco-footer-social list-unstyled mt-4">
                    <li><a href="#"><span class="icon-behance"></span></a></li>
                    <li><a href="#"><span class="icon-dribbble"></span></a></li>
                    <li><a href="#"><span class="icon-instagram"></span></a></li>
                    <li><a href="#"><span class="icon-google"></span></a></li>
                  </ul>
                  
                  <p>Email: <a href="mailto:example@gmail.com">example@gmail.com</a></p>
                  <p>Phone: <a href="#">(442)-224-4005</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

Я ожидал, что ссылки откроются в соответствующих местах.Вместо этого текст синий, но мышь не указывает, что под ним есть ссылка.

1 Ответ

1 голос
/ 02 апреля 2019

Публикация моего комментария в качестве ответа:

Кажется, что-то с CSS в ваших ссылках, как это работает в приведенном вами примере.Попробуйте установить cursor: pointer; для этих ссылок, что должно показывать, что они являются кликабельными ссылками.

Что-то в вашем Bootstrap или других стилях должно было переопределять курсор по умолчанию в качестве указателя на элементы ссылки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...