モバイル表示時、TOPページだけメニューのリンクが効かない

https://kinkedtail.co.jp/

ワードプレスのサイトになります。

モバイル（スマホ）表示の際、TOPページの時だけ、drawer_menu（メニュー）のリンクが効かず困っております。

他のページのdrawer_menu（メニュー）は、リンクが効いています。

TOPページでもdrawer_menu（メニュー）のリンクを効かせるためにはどうすればよいでしょうか？

テーマは、TCDのHEALというテーマです。
https://tcd.plus/tcd077/

どなたか、お分かりになる方、ご教授お願い致します。

header.php
1
2<body id="body" <?php body_class(); ?>>
3
4<?php
5     if ($options['show_load_screen'] == 'type2') {
6       if(is_front_page()){
7         load_icon();
8       }
9     } elseif ($options['show_load_screen'] == 'type3') {
10       if(is_front_page() || is_home() || is_archive() ){
11         load_icon();
12       }
13     };
14?>
15
16<div id="container">
17
18 <header id="header">
19
20  <?php if ($options['header_show_desc'] == 'type2' && is_front_page()) { ?>
21  <h1 id="site_desc" class="rich_font_<?php echo esc_attr($options['header_desc_font_type']); ?>"><span<?php if ($options['header_desc_mobile']) { echo ' class="pc"'; }; ?>><?php echo esc_html(get_bloginfo('description')); ?></span><?php if ($options['header_desc_mobile']) { echo '<span class="mobile rich_font_' . esc_attr($options['header_desc_font_type_mobile']) . '">' . nl2br(esc_html($options['header_desc_mobile'])) . "</span>"; }; ?></h1>
22  <?php } elseif ($options['header_show_desc'] == 'type3') { ?>
23  <h1 id="site_desc" class="rich_font_<?php echo esc_attr($options['header_desc_font_type']); ?>"><span <?php if ($options['header_desc_mobile']) { echo ' class="pc"'; }; ?>><?php echo esc_html(get_bloginfo('description')); ?></span><?php if ($options['header_desc_mobile']) { echo '<span class="mobile rich_font_' . esc_attr($options['header_desc_font_type_mobile']) . '">' . nl2br(esc_html($options['header_desc_mobile'])) . "</span>"; }; ?></h1>
24  <?php }; ?>
25
26  <div id="header_top">
27	 <div class="tel_wrap">
28	<p>050-5848-2958<br>
29		<span>営業時間：9:00-19:00 年中無休</span></p>
30	 </div>
31   <div id="header_logo">
32    <?php header_logo(); ?>
33   </div>
34	   <div class="sns_wrap">
35<div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div>
36<div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div>
37<div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div>
38<div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div>
39</div>
40   <?php
41        $facebook = $options['header_facebook_url'];
42        $twitter = $options['header_twitter_url'];
43        $insta = $options['header_instagram_url'];
44        $pinterest = $options['header_pinterest_url'];
45        $youtube = $options['header_youtube_url'];
46        $contact = $options['header_contact_url'];
47        $show_rss = $options['header_show_rss'];
48   ?>
49   <?php if($facebook || $twitter || $insta || $pinterest || $youtube || $contact || $show_rss) { ?>
50   <ul id="header_social_link" class="clearfix">
51    <?php if($insta) { ?><li class="insta"><a href="<?php echo esc_url($insta); ?>" rel="nofollow" target="_blank" title="Instagram"><span>Instagram</span></a></li><?php }; ?>
52    <?php if($twitter) { ?><li class="twitter"><a href="<?php echo esc_url($twitter); ?>" rel="nofollow" target="_blank" title="Twitter"><span>Twitter</span></a></li><?php }; ?>
53    <?php if($facebook) { ?><li class="facebook"><a href="<?php echo esc_url($facebook); ?>" rel="nofollow" target="_blank" title="Facebook"><span>Facebook</span></a></li><?php }; ?>
54    <?php if($pinterest) { ?><li class="pinterest"><a href="<?php echo esc_url($pinterest); ?>" rel="nofollow" target="_blank" title="Pinterest"><span>Pinterest</span></a></li><?php }; ?>
55    <?php if($youtube) { ?><li class="youtube"><a href="<?php echo esc_url($youtube); ?>" rel="nofollow" target="_blank" title="Youtube"><span>Youtube</span></a></li><?php }; ?>
56    <?php if($contact) { ?><li class="contact"><a href="<?php echo esc_url($contact); ?>" rel="nofollow" target="_blank" title="Contact"><span>Contact</span></a></li><?php }; ?>
57    <?php if($show_rss) { ?><li class="rss"><a href="<?php esc_url(bloginfo('rss2_url')); ?>" rel="nofollow" target="_blank" title="RSS"><span>RSS</span></a></li><?php }; ?>
58   </ul>
59   <?php }; ?>
60  </div>
61
62  <?php if (has_nav_menu('global-menu')) { ?>
63  <a href="#" id="menu_button"><span><?php _e('menu', 'tcd-w'); ?></span></a>
64  <nav id="global_menu" class="rich_font_<?php echo esc_attr($options['global_menu_font_type']); ?>">
65   <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'theme_location' => 'global-menu' , 'container' => '' ) ); ?>
66  </nav>
67  <?php }; ?>
68
69  <?php get_template_part( 'template-parts/megamenu' ); ?>
70
71 </header>
72
73
74

kyoya0819

2020/03/31 11:35

場合によっては、WordPressのテーマ自体の不具合の可能性も考えられます。・お使いのテーマ名・独自で修正された点があればそのコード一式をご提示いただけると幸いです。

veronica

2020/04/01 00:40 編集

asuchi0819さまありがとうございます。＞WordPressのテーマ自体の不具合の可能性も考えられます。テーマは、TCDのHEALというテーマです。 https://tcd.plus/tcd077/ 独自で編集したコードです。 ```ここに言語を入力 <header id="header"> <div id="header_top"> <div class="tel_wrap"> <p>050-5848-2958<br> <span>営業時間：9:00-19:00 年中無休</span></p> </div> <div id="header_logo"> <?php header_logo(); ?> </div> <div class="sns_wrap"> <div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div> </div> </header> ``` 足りない情報などございましたら、お伝え致しますので、何卒よろしくお願い致します。

kyoya0819

2020/03/31 16:47

情報ありがとうございます。ここの欄は、一定の動作をしないと表示されない領域ですので、質問に追記していただけると幸いです。質問下部に「編集」というボタンがあるはずですのでそちらを押していただくと編集可能なはずです。

veronica

2020/03/31 23:58

asuchi0819さまご返信どうもありがとうございます。＞質問に追記していただけると幸いです。 ⇒なにを追記すればよろしいでしょうか？お手数おかけいたします。よろしくお願い致します。

kyoya0819

2020/04/01 00:10

veronicaさんが21:24に投稿されたコメント内容です。具体的には、テーマ名と独自のコード、この二点になります。

dit.

2020/04/01 00:15

質問に追記していただきたいのは「独自で編集したコード」として提示された<header>～</header>です。また、その際teratailには質問中のコードを見やすくするための仕組みがありますので、それに対応いただきたいです。コードを質問文に貼り付け、その部分を選択し、<code>というボタンを押すのが一番やりやすいと思います。以下の形になれば大丈夫です。 ```html ここにコード ```

veronica

2020/04/01 00:51 編集

asuchi0819さま dit.さまご教授ありがとうございます。お手数おかけして、すみません。こちらでよろしいでしょうか？＞WordPressのテーマ自体の不具合の可能性も考えられます。テーマは、TCDのHEALというテーマです。 https://tcd.plus/tcd077/ 独自で編集したコードです。 ```html <header id="header"> <div id="header_top"> <div class="tel_wrap"> <p>050-5848-2958<br> <span>営業時間：9:00-19:00 年中無休</span></p> </div> <div id="header_logo"> <?php header_logo(); ?> </div> <div class="sns_wrap"> <div class="sns"><a href="https://www.facebook.com/%E3%81%9F%E3%81%BE%E3%81%94%E3%81%A8%E3%82%B3%E3%83%A0%E3%82%AE%E3%81%AE%E5%AE%B6-105693197662888/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-151" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/facebook-3-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://twitter.com/3wAAt248cPLmr4E/with_replies" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-152" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/twitter-1-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://www.youtube.com/channel/UCxstCYor47oFExazlk2jkxQ" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-153" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/youtube-300x300.png" alt="" width="300" height="300" /></a></div> <div class="sns"><a href="https://kinkedtail.co.jp/category/blog/" target="_blank" rel="noopener"><img class="alignnone size-medium wp-image-154" src="https://kinkedtail.co.jp/wp-content/uploads/2020/03/blog-1.png" alt="" width="300" height="300" /></a></div> </div> </header> ``` 全部貼り付けられなかったので、独自で編集したコードの箇所を抜粋しております。こちらでよろしいでしょうか？お手数おかけいたしますが、何卒よろしくお願い致します。

dit.

2020/04/01 00:53

いえ、この内容を、「質問を編集し、質問に記載」してください。

veronica

2020/04/01 00:57

dit.さますみません。「質問に記載」致しました。お手数おかけいたしますが、何卒よろしくお願い致します。

行動規範の内容に同意します

回答1件

自己解決

お答えいただいた方、すみません。

色々いじっていたら、TOPページでもdrawer_menu（メニュー）のリンクが効くようになりました。

何をいじって解決できたかは、わかりませんが、無事問題解決できました。

お答えいただいた方、お時間頂戴して、お手数おかけいたしました。

感謝致します。

投稿2020/04/01 01:35

veronica

総合スコア12

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

モバイル表示時、TOPページだけメニューのリンクが効かない

関連した質問