質問: メニューバーorヘッダーをセンタリングする方法を教えていただきたいです。 現在使用中のテーマは Nakedです。 色々な方のサイトを参考にしてみてもなかなかできずに左寄せの状態になっています。 HTML、CSSなどの知識が皆無なので分かりやすく教えていただけると幸いです(;_;) コピペで一発!みたいなものをやっても中に入れる文字や数字が分からなくて 結局変更できずにいる状態です・・よろしくお願いいたします;; HTMLとCSSを記入したいのですが有料で購入したものなので貼りつけていいものか分からず... 2つ目は、 レスポンシブデザインに設定したのですが携帯からみると タイトル画像が小さすぎるのですがサイズ変更はどのように設定したらいいのでしょうか;; 携帯から見るとメニューバーもズラッと表示されるので1つにまとめて ドロップダウンメニューにしたいのですがどうすればできるのでしょうか;; 質問ばかりで申し訳ありませんがどなたか教えていただけると幸いです。
回答: はてなブログ デザイン設定 の「デザインCSS」に以下の設定を追加すると、どのように表示されますか? ※タイトル画像の設定とメニューの中央寄せの設定が含まれています。 ``` #cssmenu ul { text-align: center; } @media (max-width: 768px) { .header-image-only #blog-title #blog-title-inner { height: 150px; background-size: contain; } #cssmenu ul { text-align: initial; } } ``` > 携帯から見るとメニューバーもズラッと表示されるので1つにまとめて > ドロップダウンメニューにしたいのですがどうすればできるのでしょうか > > * レスポンシブデザイン対応のメニュー表示を導入する * メニューを2つ(PC用/スマートフォン用など)用意して、画面サイズで表示を切り替える などはいかがでしょうか。