スマホのページだけタイトルを中央寄せ

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など スマホのページだけタイトルを中央寄せ

このトピックには7件の返信が含まれ、1人の参加者がいます。10 ヶ月、 1 週前 しらぬい さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60453

    しらぬい

    いつもお世話になっております!

    すばらしいテーマをありがとうございます。

    初歩的な質問で申し訳ないのですが

    スマホのページだけ、ブログタイトルを中央寄せにしたいです。

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

  • #60456

    Akira

    子テーマの style.css に、下記の CSS を追加します。

    @media screen and (max-width: 480px) {
      #site-title {
        text-align: center;
      }
    }
  • #60457

    しらぬい

    Akiraさん ありがとうございます!2つほど聞きたいことがあるのですが、

    Akiraさんが書いてくださったコードを使用させていただいたのですが、右上にメニューボタンがあるからか

    中央より少し左にズレてしまっています。この場合どうしたらいいでしょうか。

    もう1つが、ヘッダーのキャッチフレーズもともに中央に寄せたいです。

    厚かましくて申し訳ありません。

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

  • #60458

    Akira

    何も厚かましくはないです。ご要望が分かりやすくて助かります。

    先程の CSS を削除した上で、下記の CSS をお試しいただけるでしょうか。

    @media screen and (max-width: 480px) {
      .alignleft {
        text-align: center;
      }
      #site-title {
        margin-left: 30px;
      }
      #site-description {
        margin-left: 20px;
      }
    }

    一応確認はしていますが、ズレなどを見逃しているかもしれません。お気に召さない部分は、ご遠慮なくおっしゃってください。

  • #60459

    しらぬい

    Akiraさん ありがとうございます!

    思っていた通りのことが出来ました! 丁寧に教えていただきありがとうございます。

    また、質問することがあるかもしれませんが、その時はよろしくお願いいたします!

  • #60461

    しらぬい

    Akiraさん お世話になっております。何度も質問して申し訳ないのですが

    スマホページのヘッダーの縦幅を狭くしたいのですが、教えていただけますでしょうか。

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

  • #60462

    かうたっく

    スマホページのヘッダーの縦幅を狭くしたい

    @media screen and (max-width: 480px) {
    	#h-top {
    		min-height: 100px;
    	}
    }

    メディアクエリで調整するとかでしょうか??

    画像下に余白ができてくるってことでしたら、以下ページをどうぞ。

    https://bibabosi-rizumu.com/simplicity-customizer/

    ヘッダーのどの部分か、また色んな設定があるので不明ですので、うまくいかない場合は新規スレッドにタイトルを書いてURLを提示してください。

    タイトルとあった内容でしたら、同じ悩みをもった人にも検索から届き解決できますので。

  • #60465

    しらぬい

    かうたっくさん。回答ありがとうございます!

    無事できました!

    詳しい解説ありがとうございました!

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

トピック「スマホのページだけタイトルを中央寄せ」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)