購入したテーマでWPに取り組んでいます。
ナビゲーション バーを一番下に移動したところ、問題が発生しました。テーマは、新しいページの作成時に使用するいくつかのデフォルト テーマを提供します。
現在の問題は、特定のテンプレート (テンプレートの名前: About、Blog、Gallery、または Services) を選択してページを開くと、ナビゲーションからページを選択すると、背景色 (使用されているもの) が失われることです。選択したタブ)。ホームページの場合、またはページに「連絡先」テンプレートが選択されている場合、この問題はありません。
何が問題を引き起こしているのかわかりません。
ここに私のHTMLがあります:
<div id="footer">
<!--MENU-->
<nav>
<a href="#" class="menu-toggle"> </a>
<div class="tmenu">
</div>
</nav>
<div class="smenu clearfix"><select id="mselect"></select></div>
<!--SOCIAL-->
<div class="social">
<ul>
<li><a href="#" id="play_pause" title="Music"> </a></li>
<li>
<a href="http://facebook.com/<?php echo get_option('source_facebook'); ?>" title="<?php echo get_option('source_facebook_tip'); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/img/icons/mfacebook.png" alt="" title="" />
</a>
</li>
<li>
<a href="http://twitter.com/<?php echo get_option('source_twitter'); ?>" title="<?php echo get_option('source_twitter_tip'); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/img/icons/mtwitter.png" alt="" title="" />
</a>
</li>
</ul>
</div>
</div>
</div> <!--FOOTER_INNER-->
</div> <!--FOOTER-->
</body>
</html>
CSS は次のとおりです。
#footer {
display: block;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 10;
}
nav {
display:block;
background: rgba(0, 0, 0, 0.52);
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
.tmenu {
padding: 0;
}
a.menu-toggle:link, a.menu-toggle:visited {
display:none;
}
.sf-vertical, .sf-vertical li {
width: auto;
}
.menu ul li.current_page_item a {
color: #fff !important;
background: #ac0003 !important;
border-left: 0;
padding-left: 0;
}
.menu ul li a:link, .menu ul li a:visited {
color: #fff;
display: block;
font-family: arial;
font-size: 16px;
text-transform: none;
padding: 10px 20px;
}
.menu ul li a:hover {
background:#ac0003;
}
ウェブサイトへのリンクもここにあります。「admin123」を使用して入力できます。