WordPress 网站页脚中的链接不可点击答案

【问题标题】：Links aren't clickable in footer of WordPress siteWordPress 网站页脚中的链接不可点击
【发布时间】：2023-03-30 16:50:01
【问题描述】：

我已经接管了一个必须在明天之前上线的网站，但是在某处出现故障，阻止点击社交媒体页脚中的链接。这是一项自定义主题工作，我无权接触原始开发人员。

开发者工具视图显示链接正在从函数传回正常，但我似乎无法找到错误所在。

本站链接为：http://developersinaction.com/projects/g1/thai-express

页脚代码为：

<?php global $woocommerce, $thaiexpress_option; ?>
<div class="thaiexpress__footer-wrapper">
    <div class="thaiexpress__footer-border"></div>
    <?php get_template_part( 'instagram-feed' ); ?>
    <div class="thaiexpress__footer-details">
        <div class="container">

            <?php 
            $socials = $thaiexpress_option['thaiexpress__social_media_links'];
            if ( (array) $socials && isset($socials) ) : ?>
            <div class="thaiexpress__footer-social-lins">
                <ul>
                    <?php foreach ( (array) $socials as $key => $entry ) :
                    if ( !empty( $entry['url'] ) ) { ?>
                    <li><a target="_blank" href="<?php echo esc_url( $entry['url'] ) ?>"><?php echo (!empty($entry['thumb'])) ? '<img src="'.$entry['thumb'].'">' : ''; ?> <?php echo $entry['title']; ?></a></li>
                    <?php } endforeach; ?>
                </ul>
            </div>
            <?php endif; ?>
            <div class="thaiexpress__footer-subscription-form">
                <?php echo do_shortcode( '[contact-form-7 id="97" title="Footer Form"]' ); ?>
            </div>
        </div>
    </div>
    <div class="thaiexpress__information-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <nav class="thaiexpress__footer-nav">
                        <?php wp_nav_menu( array( 'theme_location' => 'footer_nav','menu_id' => 'primary_nav' ) ); ?>
                    </nav>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 thaiExpress__footer_nav_right">
                    <?php echo empty($thaiexpress_option['footer-credit']) ? "" : '<p>'. $thaiexpress_option['footer-credit'] .'</p>'; ?>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 thaiExpress__footer_copyright">
                    <?php echo empty($thaiexpress_option['footer-copyright']) ? "" : '<p>'. $thaiexpress_option['footer-copyright'] .'</p>'; ?>
                </div>
            </div>
        </div>
    </div>
</div> <!-- // end of .thaiexpress__footer-wrapper -->

我确信这很明显，但我的眼睛现在严重失灵！非常感谢任何帮助。

【问题讨论】：

标签： php html css wordpress

【解决方案1】：

您在覆盖您的社交链接的社交页脚上方有一个 div。

<div class="thaiexpress__testimonial-slide-wrap">...</div>

那个 div 有 margin-bottom:-202px。删除该底部边距并使底部填充更小。

然后您会看到以前隐藏的#THAIEXPRESS_UK，但也许这是一个奖励？

【讨论】：