ブログタイトル位置の変更方法


ご注意!

CSSやHTMLに関するお問い合わせはサポート対象外となります。
カスタマイズにつきましては上級者向けの機能となりますので、CSSやHTMLなどの詳細な使用方法やご不明な点などは、書籍やネット記事などをご参照いただき、お客さまの責任のもと、ご利用いただきますようお願いいたします。

ブログタイトルの位置を左上または右上に変更するCSSの一例をご案内します。
※デザインテンプレートによっては反映されない場合があります。

CSS編集は、管理画面の「デザイン」-「デザイン切り替え/CSS編集」にてご変更ください。

●CSSの編集方法 - CSS・HTMLの編集方法 ※注意書きあり
https://support.at.webry.info/201907/article_design_004.html#css


【1】ブログタイトル位置を左上にしたい場合
記述例
CSS

.Header__inner h1 a span {
position: absolute;
left: 10px;
top: 10px;
}
@media screen and (max-width:769px) {
.Header__inner h1 a span {
top: 20px;
}
}

※「px」の数値を変更して位置を調整してください。

表示例
ブログタイトル左上.png

【2】ブログタイトル位置を右上にしたい場合
記述例
CSS

.Header__inner h1 a span {
position: absolute;
right: 10px;
top: 10px;
}
@media screen and (max-width:769px) {
.Header__inner h1 a span {
right: 10px;
top: 20px;
}
}

※「px」の数値を変更して位置を調整してください。

表示例
ブログタイトル右上.png


関連リンク

●CSS・HTMLの編集方法 ※注意書きあり
https://support.at.webry.info/201907/article_design_004.html
●基本的なタグ・プロパティ
https://support.at.webry.info/202009/article_design_017.html
●ブログタイトル背景画像の変更方法(CSS編集)
https://support.at.webry.info/202011/article_design_022.html
●ブログの更新内容が反映されません
https://support.at.webry.info/201907/article_settei_019.html

問合せ.png 問題が解決できない場合

操作方法で問題が解決できない場合は、こちらからご連絡ください。
※CSSやHTMLに関するお問い合わせはサポート対象外となります。