Php 图片位置断开响应

我把facebook和youtube的两张图片放在了我的标题上，但是现在的问题是，尽管它们是链接，但它们似乎无法点击，而且当在手机上查看时，它们被顶部的联系人号码屏蔽了

我不知道如何解决这个问题，有人能帮忙吗

这是我的header.php，直到插入图片的那一行：

---

试图将两个包装纸向右浮动会使事情变得困难。只在左侧和右侧各有一列比较容易。在右边的一个按钮中，您可以添加一个额外的包装div，使社交媒体按钮显示在电话号码下：

<div class="container clearfix">
    <a href="http://seaicf.com/%e9%a6%96%e9%a1%b5/">
    <img src="http://seaicf.com/wp-content/uploads/2015/02/logo-75.png" alt="ISI MonQ Academy" id="logo">
    </a>
    <div id="et-info">
        <div>
            <span id="et-info-phone">1800-800-800</span>
            <a href="mailto:info@seaicf.com"><span id="et-info-email">info@seaicf.com</span></a>
        </div>
        <ul class="et-social-icons">
            <div>
                <a href="http://www.facebook.com" target="_blank"><img src="http://seaicf.com/wp-content/uploads/2015/02/facebooklike.png" height="25" width="75"></a>
                <a href="https://www.youtube.com" target="_blank"><img src="http://seaicf.com/wp-content/uploads/2015/02/youtube.png" height="25" width="75"></a>
            </div>
        </ul>
    </div>
</div>

---

负利润真的把一切都搞砸了。添加一个@media css查询，用margin:0覆盖所需宽度的负边距，应该可以。嗨@ITroubs，非常感谢你的回复，我雇佣的自由职业者真的把事情搞砸了。你是说在CSS中？我不知道应该在哪里添加它们。嗨，谢谢你的回答。我遵循了你的代码，但是，这两张社交图片现在看起来更低了，看起来与联系人号码相差很远，最初是这样的，但我们想把它移到更靠近联系人号码的位置，我们所做的已经达到了我们想要的布局，但从功能上看它不起作用。你有其他方法来解决这个问题吗？请提供你的代码，因为在我的系统上，这个解决方案工作得很好：仅仅在小提琴中分离出有问题的部分可能已经为你指明了错误的方向：我使用的是Wordpress主题Divi，我不确定其他类是否也会影响样式。如果您可以看一下的话，我已经将CSS和header.php粘贴到了这个粘贴库中。php：我认为您仍然需要更改一些HTML。我已将您的完整样式表粘贴到小提琴中，并从带有.et社交图标、页脚信息的行中删除了“text align:center”。在这里，看一看：

.container {
    text-align: right;
    margin: 0px auto;
    width: 1080px;
    position: relative;
}

#top-header .et-social-icons {
    margin-top: 10px;
}

#et-info {
    font-size: 20px;
}