WordPressテーマSANGOの質問

パソコン画面と携帯画面でロゴの大きさを調節したいが携帯ができない

アバター
sen

こんにちは。質面させていただきます。
パソコン画面のロゴの大きさは変更して気に入った大きさにできているのですが、
携帯側の縦と横の大きさが変更できず、何か良いCSSのコードがあれば教えてほしいです。
サルカワブログに書てあったコードは全て試したのですが、
縦長に伸びすぎるか、小さすぎるかになっていまします。

タイトルとロゴの設定
ブログのタイトルとロゴ画像を設定しよう
コメントへの回答
サルワカくん
サルワカくん
2021/02/28

いつもお世話になっております。
以下のCSSのheightに指定されている数値、ここでは50pxをそれぞれ適切なサイズに調整してみてください。
よろしくお願いします。


.header-logo__img {
  height: 50px; //ここにスマホ時の高さ
}
@media only screen and (min-width: 769px) {
 .header-logo__img {
    height: 50px; //ここにPC時の高さ
 }
}
アバター
PERZIK_Sen
2021/03/26

ご返信いただきありがとうございます。
返信いただいたものを追加CSSに入れてみたのですが何の変化もありません。
パソコンのフル画面での画像以外ではすべて変に小さくなってしまっている現状です。
パソコンの半画面、スマホ、iPad、これらの画面では画像が変に出てしまします。
改めて何か良いCSSがあれば教えてください。

サルワカくん
サルワカくん
2021/03/26

お世話になっております。
サイトを確認させていただいたところどこにも以前お伝えしたコードが見受けられませんでした。
CSSはどこに記述されたのでしょうか?
よろしくお願いします。

アバター
PERZIK_Sen
2021/05/23

お久しぶりです。
最近CSSを書き換えたりなどしているのですが、
ヘッダー上部の色が変わっているところ(空白?)を消すことができません。

他の方に変身している内容などは試してみたのですが治りませんでした。

HTMLやCSSで消す方法がありましたら教えてください。

サルワカくん
サルワカくん
2021/05/23

いつもお世話になっております。
お久しぶりです。

調査したところ、の開始タグの直後に空白があるようです。この空白でサイト上に余計なスペースができているものと思われます。
この空白を取り除いていただけますでしょうか?

よろしくお願いします。

アバター
PERZIK_Sen
2021/05/23

ご返信ありがとうございます。
個人的に確認したのですが、プログラミングがまだ得意ではなくどこのHTMLの箇所かわかっていない状況です。コードなど何かしらわかるもので教えていただけると幸いです。本当に申し訳ございません。

サルワカくん
サルワカくん
2021/05/24

お世話になっております。
SANGOテーマを直接ご利用されていますか?
それとも子テーマ有効にされていますでしょうか?
現在有効になっているテーマのheader.phpファイルを編集していただくと、<body>タグがありますので、そのbodyタグの直後のスペースを消してみて下さい。
よろしくお願いします。

アバター
PERZIK_Sen
2021/05/24

コードを下記に添付させていただきます。個人的にスペースと思われるところはすべて消去して試してみたのですが変化ありませんでした。今CSSの編集をしているのはsangoの子テーマの方です。HTMLに関してはsangoの親テーマを活用しています。

<html >

<meta name="msapplication-TileColor" content="”>
<meta name="theme-color" content="”>
<link rel="pingback" href="”>

 
<body>

<header class="header”>

非常に大変なことをお願いしてしまい誠に申し訳ございません。

サルワカくん
サルワカくん
2021/05/24

お世話になっております。さらに調査したところ、headタグが閉じられていないことがわかりました。
headタグにはbodyとは違い、ディスクリプションやタイトルなどのサイトのメタ情報を入力するのですが、そのheadタグが正しく閉じられていないとレイアウト崩れが発生することがあります。
bodyタグの直前に以下のようにheadの閉じタグを追加していただけないでしょうか?


</head><body ...>

よろしくお願いします。

アバター
片倉澄也
2021/05/25

の空白を消したのですが、直りませんでした。
問い合わせの方にコードを送らせていただきました。

アバター
PERZIK_Sen
2021/05/24

閉じたつもりですが治りません。下記にコード載せておきます。
またsingle.phpの親元のファイルが壊れたようで、記事が出なくなってしましました。
本元の親ファイルのコードも返信の際に添付していただけますと幸いです。

<html >

<meta name="msapplication-TileColor" content="”>
<meta name="theme-color" content="”>
<link rel="pingback" href="”>

 
<body >

<header class="header”>