wordpress twentyfourteenでBreadcrumb NavXTプラグインを使い、モバイルのみ非表示にしたく
変更前
<div class="breadcrumbs"> <?php if (function_exists('bcn_display') && !is_front_page()) { echo '<div id="kuzu">'; bcn_display(); echo '</div>'; } ?> </div>のコードを、以下のようにheader.phpの一番下に記述し直したのですが、上手く、モバイルのみ非表示になりません
どのように記述すればモバイルのみパンくずリストを非表示にできますでしょうか?
変更後
<?php if (wp_is_mobile()) :?> <?php else: ?> <div class="breadcrumbs"> <?php if (function_exists('bcn_display') && !is_front_page()) { echo '<div id="kuzu">'; bcn_display(); echo '</div>'; } ?> </div> <?php endif; ?>また、出来ればモバイルと言ってもタブレットはPCと同じく表示出来るように出来たら嬉しいです
最低限、モバイル(タブレットも含む)非表示の記述方法が知りたいです
非表示にしたい理由は、style.cssに以下のように設定しているため、PCでの表示は良いのですが
モバイルのみ右端にパンくずリストが寄ってしまい、表示が不格好になってしまいます
style.cssに以下を記述しています
div.breadcrumbs {
margin-left: 322px;
padding:5px 0 0 10px;
}
もし、可能であれば、モバイルのみ表示位置を好きな位置に設定できても嬉しいです、
上記のstyle.cssの設定では現状ではモバイルのみ右端にパンくずが寄っています
あなたの回答
tips
プレビュー