モバイル用のヘッダー画像のサイズを変更する
ムリロギマラエス
WordPressブログのヘッダー画像を設定しようとしていますが、画像が小さくなるため、小さな画面では正しく機能しません。
また、モバイル版のメニューをクリックすると画像が下がる。
<header id="masthead" class="site-header" style="background-image: url(<?php header_image(); ?>);background-repeat:no-repeat; background-size:contain; background-position:center;">
.site-branding {
padding: 85px 0;
}
header.site-header{
margin-bottom: 40px;
}
参考までにブログをご覧ください：http：//semdesculpas.org/
Jared Chu
の背景を設定できsite-brandingます。
<div class="site-branding row text-center" style="background-image: url(http://semdesculpas.org/wp-content/uploads/2018/01/cropped-cropped-Untitled-1-1-1-2.png);background-repeat:no-repeat;
background-size:contain;
background-position:center; margin-top: 20px">
結果：
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
電話専用のヘッダー画像のサイズを変更しますか？
- 2
ホバーのモーダルポップアップでフォントサイズを変更する方法
- 3
ナビゲーションバーヘッダーのロゴのサイズを変更する
- 4
モバイルサイトの画像のサイズを変更する必要があります
- 5
モーダルウィンドウ内の画像のサイズを変更する
- 6
モバイルでMathjaxのサイズを変更する
- 7
Boostrapモバイルビュー画像のサイズ変更
- 8
ブラウザでモバイル ビューにサイズ変更するときに画像が別の div をオーバーライドする
- 9
フォルダ内のすべての画像のサイズを変更する
- 10
モバイルでの画像のサイズ変更
- 11
フォルダ内の複数の画像のサイズを変更する（Python）
- 12
WordpressのCSSでヘッダーの高さを修正し、ロゴのサイズを変更する方法
- 13
ChainerDCGANモデルの入力画像のサイズを変更する
- 14
画像のサイズを変更する
- 15
画像のサイズを変更する
- 16
サイズ変更JTableヘッダーカーソルの変更
- 17
Microsoft DynamicsCRMでヘッダータイルのサイズを変更できます
- 18
[Android]-サーバーにアップロードする画像のサイズを変更する
- 19
Bootstrapを使用してヘッダーの画像サイズを修正する方法
- 20
テーブル ヘッダーでサイズ変更可能な jquery を使用する方法と、テーブル ヘッダーのサイズを変更するときに親 div を拡張する方法
- 21
フォトアルバムの画像のサイズを変更する
- 22
モーダルマテリアライズのサイズを変更する方法
- 23
asp.netで画像のサイズを変更する読み取り専用エラーのサイズ
- 24
Bethemeヘッダーのサイズを変更するにはどうすればよいですか
- 25
ヘッダーを含む内容に合わせてjTableのサイズを変更する方法は?
- 26
キャンバス画像のサイズを変更する
- 27
キャンバス画像のサイズを変更する
- 28
画像のサイズを変更するバッチスクリプト
- 29
Python：PILモジュールを使用して画像のサイズを変更する方法
コメントを追加