PHP 将主页徽标链接到主页（来自 wordpress.org 的预制主题）答案

【问题标题】：PHP link homepage logo to home (premade theme from wordpress.org)PHP 将主页徽标链接到主页（来自 wordpress.org 的预制主题）
【发布时间】：2019-04-23 07:37:00
【问题描述】：

我已经研究并查看了论坛，但似乎没有人面临我正在处理的问题。

我正在尝试将我公司的徽标链接到主页...但是当我检查徽标元素时，它说它已经链接到主页但徽标不可点击。

我查看了函数，但找不到“business_kit_the_custom_logo”

以下是关于徽标和网站品牌的 header.php。网站链接是：https://curvetrace.testfixtures.com/

 <div class="bottom-header">

        <div class="container">

            <div class="site-branding">

                <?php echo business_kit_the_custom_logo(); ?>

                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

                <?php
                $description = get_bloginfo( 'description', 'display' );

                if ( $description || is_customize_preview() ) : ?>

                    <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>

                    <?php
                endif; ?>
            </div><!-- .site-branding -->

【问题讨论】：

标签： php html wordpress

【解决方案1】：

具有“站点描述”类的段落与您的徽标重叠，因此当您点击徽标时，您实际上是在点击该段落。将鼠标悬停在徽标的下半部分，您可以看到在段落不重叠的地方确实可以点击。如果您禁用该段落的样式，您的整个徽标和该段落上方的文本都是可点击的。见图片。

【讨论】：

非常感谢！我没有看到，禁用它可以解决问题。

【解决方案2】：

sites .site-description 段落与内容重叠：

要解决此问题，请更改此样式：

.site-description {
    padding-left: 31px;
    font-size: 22px;
    left: 16px;
    margin-left: -18px;
    position: relative;
    top: 0px;
}

对此：（请注意，我使用了114px 的left padding 来重新对齐P 元素）。

.site-description {
    padding-left: 114px;
    font-size: 22px;
}

现在，对于移动响应，我已将 padding-left 更改为 24px 并使用 !important 覆盖默认填充并再次删除定位样式：

@media screen and (max-width: 551px)
{
    .site-description {
        padding-left: 24px !important;
        float: left;
        font-size: 20.5px !important;
        font-family: garmond;
    }
}

【讨论】：

最终禁用了站点描述并使用文本缩进将其移过。