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;
    }
}