レスポンシブデザインについて質問です。こちらのサイト（ htt〇://yamajirushi.com/ ）のスマホでの表示で、画像のように左上に「underfined」という文字が出てしまいます。CSSやHTMLを確認しても「underfined」の記載を見つけられず、対処できずにいます。「underfined」の文字はどうやったら編集できるでしょうか？テンプレートはHTML5の（ htt〇s://html5up.net/read-only ）をカスタマイズして使用しています。※URLの〇はpに変換してください

undefinedは、よくJavaScript関連で出るエラーです。値が定義されていない際に出ます。その該当の箇所に文字列を挿入するスクリプトが書いてあるが、その文字列が定義されていないことに起因しているのかと想像します。JavaScriptでの処理ですので、CSSやHTMLのどこかにundefinedと書いてあるわけではありません。



で、該当のサイトのURLをご提示いただいていることに気づきました（笑）。サイトの最下部にassets/js/main.jsというJavaScriptファイルへのリファレンスがありますね。そのドキュメントの一番下の方、// Title Bar.の記述がある直後に、以下の記述があります。



$titleBar = $(

'\u0026lt;div id=\u0026quot;titleBar\u0026quot;\u0026gt;' +

'\u0026lt;a href=\u0026quot;#header\u0026quot; class=\u0026quot;toggle\u0026quot;\u0026gt;\u0026lt;/a\u0026gt;' +

'\u0026lt;span class=\u0026quot;title\u0026quot;\u0026gt;' + $('#logo').html() + '\u0026lt;/span\u0026gt;' +

'\u0026lt;/div\u0026gt;'

)

.appendTo($body);



原因はこれです。'\u0026lt;span class=\u0026quot;title\u0026quot;\u0026gt;' + $('#logo').html() + '\u0026lt;/span\u0026gt;'の部分で、id=logoという要素の内容を該当箇所に挿入する指示が書いてあるのですが、そのid=logoという要素がページ内に存在しないので、$('#logo').html()が「undefinedの要素ですよー」という意味でundefinedというエラーを指す文字列として現れ、それがモバイルレイアウトの際に可視化されている、ということです。



logoというIDを持つ要素がどこに行ったのかがわかりませんが、もし消してしまったのであれば元に戻すとか、このmain.jsの該当部分を書き換えるとか、ご自分のサイトにあった対処をしてください。