[WordPress] テーマonetoneの上部メニューが表示されない

初心者なのですがwordpress、
テーマ「onetone pro」でホームページを作成しました。
http://wp-theme.myafi.net/onetone.html

その際、上部に表示されるスティッキーヘッダーのメニューが表示されなくなってしまいました。
スティッキーヘッダーの背景、左のタイトルアイコンは存在し一緒にスクロールすると
ついて来るのですが中身（メニューリンク）がない状態です。

また分からないのは
当方の環境（windows10、chrome）でのみメニューは表示されるようで
同じ（windows10、chrome）でも他のパソコンでは表示されない状態です。

間違って該当部分を削除してしまったのかもしれませんが
当方の環境ではずっとメニューは表示されていたため、もうその場所もわからない状態です。

現在の該当箇所かなと思う部分
下記↓header-home.php内

php
1 <div class="fxd-header">
2                    <div class="<?php echo $header_container; ?>">
3                        <div class="logo-box">
4                        <?php if( $sticky_logo ):?>
5                            <a href="<?php echo esc_url(home_url('/')); ?>"><img class="site-logo normal_logo" src="<?php echo esc_url($sticky_logo); ?>"></a>
6                            
7                               <?php
8					if( $sticky_logo_retina ):
9					$pixels ="";
10					if( is_numeric(onetone_option('sticky_logo_width_for_retina_logo')) && is_numeric(onetone_option('sticky_logo_height_for_retina_logo')) ):
11					$pixels ="px";
12					endif; ?>
13					<a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo $sticky_logo_retina; ?>" alt="<?php bloginfo('name'); ?>" style="width:<?php echo onetone_option('sticky_logo_width_for_retina_logo').$pixels; ?>;max-height:<?php echo onetone_option('sticky_logo_height_for_retina_logo').$pixels; ?>; height: auto !important" class="site-logo retina_logo" /></a>
14					<?php endif; ?>
15                    
16                           <?php endif;?>
17                            <div class="name-box" style=" display:block;">
18                                <a href="<?php echo esc_url(home_url('/')); ?>"><h1 class="site-name"><?php bloginfo('name'); ?></h1></a>
19                                <span class="site-tagline"><?php bloginfo('description'); ?></span>
20                            </div>
21                            
22                        </div>
23                        <button class="site-nav-toggle">
24                            <span class="sr-only"><?php _e( 'Toggle navigation', 'onetone' );?></span>
25                            <i class="fa fa-bars fa-2x"></i>
26                        </button>
27                        <nav class="site-nav style<?php echo $nav_hover_effect;?>" role="navigation">
28                          <?php
29
30						  if ( has_nav_menu( "home_menu" ) ) { 
31						   wp_nav_menu(array('theme_location'=>'home_menu','depth'=>0,'fallback_cb' =>false,'container'=>'','container_class'=>'main-menu','menu_id'=>'menu-main','menu_class'=>'main-nav','link_before' => '<span>', 'link_after' => '</span>','items_wrap'=> '<ul id="%1$s" class="%2$s">'.$onepage_menu.'%3$s</ul>'));
32						  }
33						  else{
34						  echo '<ul id="menu-main" class="main-nav">'.$onepage_menu.'</ul>';
35						  }
36						  ?>
37                        </nav>
38                    </div>
39                </div>
40コード

下記↓ブラウザに表示されるサイトのソースから
同じ部分を抜き出しました

html
1<div class="fxd-header" style="top: 0px; display: none;">
2                    <div class="container">
3                        <div class="logo-box">
4                                                    <a href=""><img class="site-logo normal_logo" src=""></a>
5                            
6                                                   
7                                                       <div class="name-box" style=" display:block;">
8                                <a href=""><h1 class="site-name"></h1></a>
9                                <span class="site-tagline"></span>
10                            </div>
11                            
12                        </div>
13                        <button class="site-nav-toggle">
14                            <span class="sr-only">Toggle navigation</span>
15                            <i class="fa fa-bars fa-2x"></i>
16                        </button>
17                        <nav class="site-nav style1" role="navigation" style="display: block;">
18                          <ul class="main-nav" id="menu-main"><li class="onetone-menuitem"><a id="onetone-CONCEPT" href="#concept">
19							 <span>CONCEPT</span></a></li><li class="onetone-menuitem"><a id="onetone-gallery" href="#gallery">
20							 <span>Gallery</span></a></li><li class="onetone-menuitem"><a id="onetone-PRICE" href="#price">
21							 <span>PRICE</span></a></li><li class="onetone-menuitem"><a id="onetone-FLOW" href="#flow">
22							 <span>FLOW</span></a></li><li class="onetone-menuitem"><a id="onetone-ABOUT" href="#about">
23							 <span>ABOUT</span></a></li><li class="onetone-menuitem current"><a id="onetone-section-7" href="#section-7">
24							 <span>facebook</span></a></li><li class="onetone-menuitem"><a id="onetone-contact" href="#contact">
25							 <span>Contact</span></a></li>
26</ul>                        </nav>
27                    </div>
28                </div>
29コード

css
1/*
2 * 2.3 Header navigation
3 */
4
5.site-nav-toggle {
6	display: block;
7	float: right;
8	margin-top: 20px;
9	background-color: transparent;
10	border: none;
11	color: #ccc;
12}
13
14.overlay .main-header .site-nav-toggle {
15	color: #fff;
16}
17
18.site-nav {
19	display: none;
20	margin-top: 0;
21	width: 100%;
22	position: absolute;
23	top: 100%;
24	left: 0;
25}
26
27.site-nav ul {
28	margin: 0;
29	background-color: #000;
30}
31
32.site-nav li ul {
33    margin-left: 0;
34}
35
36.site-nav li {
37	position: relative;
38}
39
40.site-nav > ul > li a {
41	display: block;
42	font-size: 14px;
43	line-height: 40px;
44	color: #fff;
45	padding: 0 15px;
46    text-decoration: none;
47	blr:expression_r(this.onFocus=this.blur());
48	outline:none;
49}
50
51.site-nav > ul > li + li a {
52	border-color: rgba(255,255,255,.2);
53}
54
55/*For onepage*/
56.site-nav > ul > li.current > a {
57    color: #19cbcf;
58}
59
60.site-nav > ul > li a:hover {
61	background-color: #111;
62}
63
64.menu-dropdown-icon {
65	position: absolute;
66	right: 0;
67	top: 0;
68	line-height: 40px;
69	width: 40px;
70  	text-align: center;
71  	cursor: pointer;
72}
73
74.site-nav li ul {
75	display: block;
76}
77
78.site-nav li li a:before {
79	content: "-";
80	margin: 0 3px 0 10px;
81}
82
83.site-nav li li li a:before {
84	content: "--";
85	margin: 0 3px 0 20px;
86}
87
88.site-nav li li li li a:before {
89	content: "---";
90	margin: 0 3px 0 30px;
91}
92.site-nav > ul > li > a,
93.fxd-header .site-nav > ul > li > a {
94    font-size: 12px;
95    font-weight: 700;
96    text-transform: uppercase;
97}
98@media (min-width: 920px) {
99	.site-nav-toggle {
100		display: none;
101	}
102
103	.menu-dropdown-icon {
104		display: none;
105	}
106
107	.site-nav {
108		display: block;
109		margin: 0;
110		width: auto;
111		position: static;
112	}
113
114	.site-nav > ul {
115		background-color: transparent;
116		float: left;
117	}
118
119	.site-nav > ul > li {
120		float: left;
121		position: relative;
122	}
123
124	.site-nav > ul > li + li {
125		margin-left: 35px;
126	}
127
128	.site-nav > ul > li > a {
129		display: block;
130		line-height: 70px;
131		padding: 0;
132		background-color: transparent;
133		border-bottom: 0 solid transparent;
134		border-top: 0 solid transparent;
135		color: #fff;
136	}
137
138	.overlay .main-header .site-nav > ul > li > a {
139		color: #fff;
140	}
141
142	.site-nav > ul > li:hover > a {
143		border-color: #006400;
144	}
145
146	.site-nav > ul > li > a:hover {
147		background-color: transparent;
148		color: #006400;
149	}
150
151	.site-nav li > ul {
152		display: none;
153		position: absolute;
154		z-index: 9;
155		left: 0;
156		top: 100%;
157		background-color: #000;
158		width: 150px;
159	}
160
161	.site-nav li li > ul {
162		left: 100%;
163		top: 0;
164	}
165
166	.site-nav li:hover > ul {
167		display: block;
168	}
169
170	.site-nav li li a:before {
171		display: none;
172	}
173
174	.site-nav li li li a:before {
175		display: none;
176	}
177
178}
179コード

URLなどは個人サイトの為、削除したのですが
上記を見るとメニューが表示されるのではと思うのですが
この状態でメニューが表示されないとなるとどのような問題が考えられるのでしょうか？

wataame

2019/05/05 14:48

まず「（ブラウザで）表示されている画像」と「（ブラウザで）表示されていない画像」、「該当のヘッダーメニューのhtml, css, PHP,」などをデベロッパーツール（右クリック→検証）で確認して、コードブロックに記載。で、回答得られやすくなると思います。コードブロックはteratai上のテキスト入力画面の<code>をクリック（押下）→下記のコード内に添付で反映されます。 ```ここに言語を入力コード /* ←ここにコードを書く */ ```

yoso

2019/05/05 22:26

丁寧にありがとうございます。該当のphpを添付しようと思ったのですが、文字数がオーバーと出てしまいcssのみとなってしまいました。 phpは初期状態で使用しているので、デモページ http://wp-theme.myafi.net/onetone.html 上記と同じ内容かと思うのですが、必要な情報すらわからない状態で申し訳ありませんが宜しくお願い致します。

yoso

2019/05/05 22:39

訂正すみません、header-home.phpを触っていました。ただ、header-home.phpを初期状態に戻しても、ブラウザによって表示されません。コードが添付できないので申し訳ありません。どこに問題があるのかさえ分からない状態です。

wataame

2019/05/06 04:45

下記内容が参考になりそうです、、・Microsoft Edge 38 にてCSSが効かない https://teratail.com/questions/50525

yoso

2019/05/06 13:59

ありがとうございます。折角、的確な情報をいただいたにもかかわらず色々試した見たところブラウザの問題ではないようで、申し訳ありません。新たにコードを入力しました。もし、余力がございましたらお知恵をお貸し頂けるとうれしいです。よろしくお願いいたします。

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

回答2件

「site-nav」がコードに含まれていないので
解決不可能です。

投稿2019/05/06 07:09

yasutomi

総合スコア2937

yoso

2019/05/06 12:21

ありがとうございます。ものすごく、無知でお恥ずかしいのですが「site-nav」がどこに含まれていないのでしょうか？初期段階ではメニューは表示されていたので、どこかから削除してしまったということかと思うのですがどこにどのように記載すればよいかもわかりません。もし、お分かりでしたらご教授いただけませんでしょうか？

yasutomi

2019/05/06 12:27

記載されたURLのページのソースコード内に「site-nav」が存在しないという意味です。 view-source:http://wp-theme.myafi.net/onetone.html PHPファイルを見ないで場所を特定することは不可能です。 > もし、お分かりでしたらご教授いただけませんでしょうか？

yoso

2019/05/06 13:04

なるほど、ありがとうございます。確認しました。ここでご質問しても良いものか分からないのですが、 http://wp-theme.myafi.net/onetone.html こちらのテーマ、onetoneのメニュー部分はどこに記載されているのか確認することは可能でしょうか。（デモページのメニュー部分はどのような仕組み？で表示されているのでしょうか） header-home.php、header.phpは初期状態に戻してもやはりメニューは表示されません。一体、どこに手を付けたらよいかさえ分からない状態なもので本当にお恥ずかしいのですがよろしくお願いいたします。

yoso

2019/05/06 14:00

立て続けに申し訳ございません。該当箇所かなと思う部分のコードと質問内容を変更しました。全くの見当違いかもしれませんが、もしお時間がございましたらお知恵をお貸しいただけると幸いです。よろしくお願いいたします。

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