Betty371さん

ちょっと良く分からないトコロですが。

もしかすると、メニューの機能についてご認識が違うのかも知れませんが、良く分かりません。

確認させていただこうとサイトを拝見したところ、「このサイトで重大なエラーが発生しました。」という状態で表示されておりません。

それが解消された後に、ご連絡いただければと思います。

僕もエラーで見れないですね。

申し訳ございません。

サーバー側で公開ボタンを押したらエラーは改善されましたが、やはりモバイルページはPCのフッターが消えていません。

よろしくお願いいたします。

Betty371さん

すみません、席を外すので、メモとして残させてください。

モバイルフッターメニューが、何故か「style="top: 0px;"」になっているので、画面いっぱいに広がっている感じがします。

なんでしょう、これは。

あれ。

今見ると、「style="bottom: 0px; top: 0px;"」になっているのですが、何かが変わっている？

再度読み込むと、また「style="top: 0px;"」に。

何故、毎回違うのでしょう。

Betty371さん

JavaScriptをお書きになっていますね。
それが原因だと思います。

詳しくは分かりませんけど。

Betty371さん

私のローカル環境でも確認しました。

子テーマにお書きになったJavaScriptが原因で、モバイルフッターメニューが、トップの位置へ動いているように思います。

そのため、画面が紺色一色になっていますし。
（画面いっぱいすべてが、モバイルフッターメニューになっています。）

それとも意図して、画面を隠していらっしゃる？
（ちょっと考えにくいのですが。）

では、本当に席を外します。

確かに、こんなのが書いてありますね。

$(function() {
    var header = $('.mobile-menu-buttons'),
        headerHight = header.outerHeight(),
        startPos = 0;
    $(window).on('load scroll', function() {
        var currentPos = $(this).scrollTop();
        if ( currentPos > startPos && currentPos > headerHight ) {
            header.css('top', '-' + headerHight + 'px');
        } else {
            header.css('top', 0);
        }
        startPos = currentPos;
    });
});

https://medlocks.ca/wp-content/themes/cocoon-child-master/javascript.js

現時点で子テーマのデフォルトjavascript.jsには有効なコードは何も書かれていません。
https://github.com/yhira/cocoon-child/blob/master/javascript.js

@yhira

お返事ありがとうございます。JavaScriptは一切触っていません。

（いつどうやって書き込まれたのか謎です）

このいただいた箇所を削除してみます。

@yhira

お返事ありがとうございます。驚きです。JavaScriptは一切触っていません。（いつどうやって書き込まれたのか謎です。）

このいただいた箇所を削除してみました。

画面全体にフッターが被っているのはなくなりましたが、相変わらずPCのフッターが表示されたままです。モバイルアイコンが全部白にならないのも分かりません。

モバイル設定で「サイトヘッダーロゴを表示する」のクリックをOFFにしていますが、キャッチコピーが表示されてしまいます。

ヘッダとフッターのどこかに何か別のものが書き込まれてしまっている可能性があるのでしょうか？その場合、子テーマを一度削除して、再度入れ直した方が良いでしょうか？

恐れ入りますが、アドバイスいただけると助かります。

Betty371さん

只今スマホからですので、調べたりはできません。

フォーラムのガイドラインのご一読をお願い致します。

1トピックにつき、1つの質問が原則です。

件名以外のご質問については、別トピックを立てていただくようお願い致します。

調査はできない状態ですので、今日のところは記憶ベースで書かせていただきます。

フッターメニューは、特にPC専用のものではないと思われます。

ですので、ただ設定しただけでは、PC・モバイル両方に出てくると思います。記憶が定かではありませんが。

モバイルで消したいということであれば、何らかの対処が必要かと思います。

これ以下のものは、別トピックを立てていただきたいですが、簡単に。

モバイルフッターメニューの色については、適切なCSSを書いていないためと思われます。

キャッチコピーも、自前でCSSを書いて消す必要があるのではないでしょうか。

あくまでも、うろ覚えのため、正確ではないかもしれません。

日本時間の朝以降にさせていただければと思います。

本件も、そして新たなトピックを立てていただく件も、日本時間の朝以降に調べることはできると思います。

ただ、いずれも過去のトピックに同様のご質問はありそうな気はしますが。

もしかすると、この時間でも活動なさっていらっしゃる方が、回答をくださるかもしれません。

Betty371さん

ヘッダーロゴがセンターの場合は、キャッチフレーズを表示しないができるみたいです。

https://wp-cocoon.com/community/postid/45496/

試していないので、はっきりとは申し上げることはできませんが。

Betty371さん

モバイルフッターメニューは、以下のトピックが参考になるかもしれません。

https://wp-cocoon.com/community/postid/45162/

Betty371さんがお求めのボタンを満たしているかは、分かりませんが。

割と基本的なカスタマイズについては、このフォーラムの過去のトピックで、既にご質問されていることが多いです。

ぜひ、検索してみてください。サイドバーに検索窓があります。

また、Cocoonサイトにはマニュアルも詳しく載っています。

ぜひご一読ください。簡単なカスタマイズなどの例も載っています。

グローバルナビで、選択できたと思います。

それでもはっきりしなかった場合は、新たなトピックを立てていただけば、日本時間の朝以降に拝見致します。

Betty371さん

このCocoonのサイトをモバイル端末でご確認いただくとお分かりいただけるかと思いますが、フッターメニューは、PCでもモバイルでも表示されるもののようです。

モバイルの場合は、添付画像の赤枠の部分を非表示になさりたいというご希望でよろしいでしょうか。

その場合は、子テーマのCSSか追加CSSへ追記をする必要があります。

以下で、いけると思います。

@media screen and (max-width: 1023px) {
    .navi-footer {
        display: none;
    }
}

非表示になるタイミングは、上記のメディアクエリの部分で、お好みでどうぞ。
（max-widthの部分です。）

Betty371さん

時差もあるでしょうから、コミュニケーションが難しい部分もあろうかと思います。

投稿者:: @betty371

モバイル設定で「サイトヘッダーロゴを表示する」のクリックをOFFにしていますが、キャッチコピーが表示されてしまいます。

上記の部分についても、コチラに書かせていただきます。

「モバイル設定」の「サイトヘッダーロゴを表示する」と、キャッチフレーズの表示については、連動はしていないと思います。

キャッチフレーズは、添付画像の赤枠の部分を指します。
認識相違があれば、お申し付けください。

こちらも、モバイル時に非表示にしたいということであれば、子テーマか追加CSSへの追記が必要です。

以下でいけると思います。

@media screen and (max-width: 1023px) {
    .tagline {
        display: none;
    }
}

この場合は、キャッチフレーズの領域そのものが消えます。

こちらも、メディアクエリの値はお好みでどうぞ。

@mk2_mk2

お返事ありがとうございます。また、質問ルール違反で申し訳ございません。

頂いたCSSを追加したところ、意図した形になりました。

お忙しいところ、本当にありがとうございます。