前提・実現したいこと
WordPressにて、「OnePress」というテーマを使用しております。
ですがこのテーマにはフッターメニューが存在しないため、追加したいのです。
さらに、そのままだと見栄えが悪いので横並びでなおかつ「|」が自動投入されるようにしたいのです。
発生している問題・エラーメッセージ
フッターメニューが追加できて、見栄えが悪くフッターメニューに対してスタイルを書いたもののそれが適用されません。
画像のように縦並びになっており、左端には「・」が付いております。
該当のソースコード
functions.php
//フッターメニュー register_nav_menu( 'footer-menu', 'フッターメニュー' );
footer.php
<div class="site-info"> <div class="container"> <?php if ($onepress_btt_disable != '1') : ?> <div class="btt"> <a class="back-top-top" href="#page" title="<?php echo esc_html__('Back To Top', 'onepress') ?>"><i class="fa fa-angle-double-up wow flash" data-wow-duration="2s"></i></a> </div> <?php endif; ?> </div> <?php wp_nav_menu( array('theme_location' => 'footer-menu')); ?> Copyright ©<?php bloginfo( 'name' ); ?> </a>All Rights Reserved. </div> <!-- .site-info -->
style.css
#footer-menu ul{ text-align: center; margin: 10px 0; } #footer-menu ul li { display: inline; list-style: outside none none; } #footer-menu ul li::before { content: "|"; padding: 0 0.6em; } #footer-menu ul li:first-child::before{ content: ""; padding: 0; } #footer-menu ul .sub-menu{ display: none; }
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。