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

Question

我已经研究并调查了这些论坛，但是似乎没有人面对我正在处理的问题。

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

我研究过函数，但是找不到“ 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 -->

Answer 1

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

Answer 2

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

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

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

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

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

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

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