補足ですが

いろいろググりましたが、該当する適当なものがなかったので、やむなくトピックを立てさせていただきました。

前略、匿名希望 さん

以下のコードでフッターのメニューを非表示にできるような気がします。

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

ただし、Copyright～ は、非表示にしない方が良いと思うので、含めていません。

リフィトリーさま、早速ご教示いただいたコードを試しましたら、希望通り、PC表示用のフッターメニューを消すことができました。

的確なご教示ありがとうございました。

.footer{ display:none; }

でも、

書き漏れていましたが

#footer{ display:none; }

でも消えなかったのに

#navi-footer { display: none; }

では消えるのは、何が違うのでしょうか？

匿名希望さん

.footer {
    display: none;
}

でも、

#footer {
    display: none;
}

でも、非表示になるのではないかと思います。

非表示にならなかった原因はわかりかねますが、ありがちなこととしては、コードの記述のどこかに間違いがあった（メディアクエリの閉じ波括弧が欠けていたなど）、あるいは、文字コードをUTF-8（BOMなし）でプレーンテキストを扱うことができるテキストエディターを使っていないために、目視できない余分な文字が含まれてしまっていたり、全角の空白が含まれてしまっていたり、といったことでしょうか。

@leafytree

リフィトリーさま、ご丁寧にご教示いただきありがとうございました。

実際、コピーライトは残したかったので私が考えていたコードよりも、ご教示いただいたコードが希望としてベストでした。

トピックは解決しましたのでクローズさせていただきます。