ワードプレス「TCD」のスマホ用固定フッターバーがPCで表示されない

Question

前提・実現したいこと

ワードプレスの『TCD』テーマを使用しております。
スマホ用固定フッターバーの背景色とアイコンを変更するためにパソコン上で確認しようとすると件の『スマホ用固定フッターバー』が画像のように空白で表示されてしまいます。

発生している問題・エラーメッセージ

該当のソースコード

// footer.php
...
<?php
if ( is_mobile() && ! is_no_responsive() ) {
get_template_part( 'template-parts/footer-bar' ); 
}
?>
</footer>

// footer-bar.php
<?php
// テーマオプションを取得
$options = get_desing_plus_option();

// ページタイトルを取得
$title = wp_title( '|', false, 'right' );

// ページ URL を取得
$url = ( empty( $_SERVER['HTTPS'] ) ? 'http://' : 'https://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

if ( $options['show_footer_bar'] ) :
	$footer_bar_btn_classes = array();
	$footer_bar_btn_target = '';
	$footer_bar_btn_url = '';
?>
<ul class="dp-footer-bar">
<?php
	// ボタンを表示
	foreach ( $options['footer_bar_btns'] as $key => $value ) :
		switch ( $value['type'] ) {
			// ボタンタイプ：デフォルト
			case 'type1' :
				$footer_bar_btn_classes = array( 'dp-footer-bar-item' );
				$footer_bar_btn_target = $value['target']; 
				$footer_bar_btn_url = $value['url'];		
				break;
			// ボタンタイプ：シェア
			case 'type2' :
				$footer_bar_btn_classes = array( 'dp-footer-bar-share', 'dp-footer-bar-item' );
				$footer_bar_btn_url = '#';
				break;
			// ボタンタイプ：電話番号
			case 'type3' :
				$footer_bar_btn_classes = array( 'dp-footer-bar-item' );
				$footer_bar_btn_url = 'tel:' . $value['number'];
		}
?>
	<li class="<?php echo esc_attr( implode( ' ', $footer_bar_btn_classes ) ); ?>">
		<a href="<?php echo esc_url( $footer_bar_btn_url ); ?>"<?php echo $footer_bar_btn_target ? ' target="_blank"' : ''; ?>>
			<span class="dp-footer-bar-icon icon-<?php echo esc_attr( $value['icon'] ); ?>"><?php echo esc_html( $value['label'] ); ?></span>
		</a>
	</li>
<?php
	endforeach;
?>
</ul>
<div id="modal-overlay" class="modal-overlay hide">
	<div class="modal-close icon-close"></div>
</div>
<div id="modal-content" class="modal-content hide">
	<ul class="share clearfix">
		<li class="share-button share-button--rounded-square">
			<a href="https://twitter.com/intent/tweet?url=<?php echo $url; ?>&text=<?php echo $title; ?>" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;"><img src="<?php echo get_template_directory_uri(); ?>/img/common/twitter.png" alt=""></a>
		</li>
		<li class="share-button">
			<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo rawurlencode( $url ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/common/facebook.png" alt=""></a>
		</li>
		<li class="share-button">
			<a href="http://line.me/R/msg/text/?<?php echo rawurlencode( $title ); ?> <?php echo rawurlencode( $url ); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/common/line.png" alt=""></a>
		</li>
		<li class="share-button">
			<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="touch" data-hatena-bookmark-width="50" data-hatena-bookmark-height="50" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/[e-mail]" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
		</li>
	</ul>
</div> 
<?php
endif;
?>

試したこと

Google Chorem, FireFoxのデベロッパーツールの右上にあるSP/PC切り替えアイコンをクリックして確認するもフッターバーは表示されず。。

実機ではちゃんと表示されるのですがそれだと背景色やアイコン、フォントの色の変更のクラスを見つけられません。

ワードプレスでモバイルでしか表示されないフッターバーの確認方法が知りたいです
自力で検索し試行錯誤しているのですがどうやっても表示されないです

Answer 1

一時的にfooter.phpの一部を

if ( is_mobile() && ! is_no_responsive() ) {
      ↓
if ( true ) {

と変更すればすべての環境で表示されませんか。

Comments

[退会済みユーザー]

なるほど。ありがとうございます！