[blogwebsite002@gmail.com]

大変申し訳ございません。全角スペースが混じっていました。

お忙しい中、初歩的なミスでお時間とらせてしまってすみません。

ご対応していただき誠にありがとうございます。

解決したのでトピックを閉じさせていただきます！！

♥ 1

Who liked:

[blogwebsite002@gmail.com]

度々申し訳ございません。先日は無事表示されていたのですが、本日見てみると、

ヘッダーの余白が出来てしまうのと、タブレット、スマホ時にボタンが見えなくなってしまいました。

相談時よりヘッダーコンテンツが増えるなどの変更はありましたが、相談時の状態（カスタマイザーで余計な追加CSSを消して、ヘッダーコンテンツも相談時のものに戻してみました。）にしても、うまく変わりませんでした。

何か良い方法はありますでしょうか。

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

ありがとうございます！！上手に表示ができました！！

お忙しい中ご対応いただき、誠にありがとうございます。

おかげさまで解決できましたので、すみませんがトピックを閉じさせていただきます。

今後もわからないことがあれば質問してしまうかもしれませんが、何卒よろしくお願いいたします。

♥ 1

Who liked:

[blogwebsite002@gmail.com]

お忙しいところありがとうございます。とても良い感じです。

すみません。スマホ表示した際、ロゴをもう少し大きくすることは可能でしょうか。

ボタンを小さくしたのですが、ロゴのサイズが変わらないようです。

現状の追加CSSです。

/* PC 以外でも TEL ボタンを表示 */
.l-header--2row .l-2row-header__row:first-child .u-invisible-md-down {
　　display: block !important;
}

/* ヘッダーの1行目と2行目の間の余白を消す */
[data-has-global-nav=true] .l-2row-header__row:last-child,
[data-has-global-nav=true] .l-center-header__row:last-child {
　　margin-top: 0;
}

@media (max-width: 63.9375em) {
　　/* タブレット表示でのボタンサイズ調整 */
　　a[href="tel:+0476931538"] {
　　　　padding: 10px 20px!important; /* パディングを少し小さくする */
　　　　font-size: 0.8rem; /* フォントサイズを小さくする */
　　}
}

/* スマートフォン表示でのボタンサイズ調整 */
@media (max-width: 600px) {
　　a[href="tel:+0476931538"] {
　　　　padding: 4px 10px!important; /* より小さなパディングにする */
　　　　font-size: 0.5rem!important; /* より小さなフォントサイズにする */
　　}
}

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

とんでもありません！2行にしました！

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

ありがとうございます。

下記サイトに同じものを構築し、ヘッダーレイアウトを1行にして追加CSSを消しました。

有限会社アートホーム設計工務

千葉県酒々井町、富里市、成田市、佐倉市を中心に不動産をお探しなら、有限会社アートホーム設計工務へ！物件情報を豊富に取り扱っておりますので、ぜひお気軽にお問い合…

websiteshop.blog-website.online

 

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

可能です。

 

全体的にバランスが整えられれば特に問題ありません。

ヘッダーを2行にした場合、「電話ボタンが右に寄ってしまっていた＋上下の余白が整っていなかった」

ので現在中央ロゴにしている状況でした。（この場合はもう少しボタンを左に寄せるorボタンを大きくする方が良いと思っています{TEL→電話をかける などして}）

ヘッダーレイアウト2行の場合の画像を2枚添付します。

それと追加で大変申し訳ありませんが、現状PCの上下の余白も、均等にしたいです。

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

すみません！こちらイメージとなります。

 

お忙しいところすみませんが、ご確認お願いいたします。

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

追記

ヘッダーコンテンツがそのままボタンになってしまっていてすみません。

aタグの<>を外しました。

a href=”tel:+0476931538″ style=”background-color: #69592C; color: white; padding: 14px 25px;margin-top:20px; text-align: center; text-decoration: none; display: inline-block;”>TEL/a

♥ 0

Who liked: No user

[blogwebsite002@gmail.com]

まーちゅうさん、Olein_jpさん、

お忙しいのにご回答ありがとうございます。

何らかの理由でLocalで作成したサイトのファイルのデータが飛んでしまったようでした。

データベースも生きているので復元できそうです。本当にありがとうございました！！

 

トピックを閉じさせていただきます！

♥ 2

Who liked:

[blogwebsite002@gmail.com]

テーマを
25.1.2

にアップデートしたら直りました！

ありがとうございます！

トピックを閉じます！

♥ 1

Who liked:

[blogwebsite002@gmail.com]

キタジマ様

お忙しい中早急なご対応ありがとうございます。

不具合が解決いたしました！

本当にありがとうございます！

 

トピックを閉じさせていただきます！

♥ 1

Who liked:

[blogwebsite002@gmail.com]

キタジマさん

お忙しいところ早速ありがとうございます。

仰る通り、「Table of Contents Plus」というプラグインを使用していたためでした。

無効化にしたら消えました。

ありがとうございます！！

 

解決したので閉じさせていただきます！

♥ 1

Who liked:

[投稿者]

投稿