[ 解決済 ] ヘッダー部分の電話番号とお問い合わせボタンのずれ

このトピックには3件の返信、2人の参加者があり、最後にくらもちにより3年、 7ヶ月前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2021年6月16日 6:55 PM #53073

くらもち
参加者

■ 利用テーマとバージョン :Lightning Pro（バージョン: 8.10.2）

■ デザインスキン：Pale Ⅱ（バージョン 8.1.7）

■ 質問内容：
ヘッダー部分の右に位置する電話番号とお問い合わせボタンのずれが起きました。
アドセンスコードを<head></head>内に入れましたがうまくいかず削除して元に戻したものの、表示がずれてしまっています。それ以外はいじっておりません。
よろしくお願いします。

該当URL : https://*********
※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

2021年6月16日 6:56 PM #53074

くらもち
参加者

すいません、画面の添付ができておりませんでした。

Attachments:
You must be logged in to view attached files.

2021年6月17日 9:23 AM #53082
対馬俊彦
参加者
制作実績
Pale がアップデートされて、ヘッダーの電話番号とお問い合わせボタンの部分のスタイルが以下のように変わっています。
```
.siteHeader_sub {
    float: right;
    display: flex;
    width: 70%; ※
    justify-content: flex-end; ※
}
```
アップデートにより ※ の部分が追加されています。(Pale 7.0.8 のサイトにはこの2行がありません)

以下のどれかひとつを行えば、元通りに横に並んで表示されると思います。
- CSS に .siteHeader_sub { width: unset; } を追加する。
- CSS に .siteHeader_sub { width: **%; } を追加する。(** の部分を調整)
- ヘッダーロゴ画像を縦横比を変えて作り直す。(幅を小さくする方向で)
- この返信は3年、 7ヶ月前に対馬俊彦が編集しました。
- この返信は3年、 7ヶ月前に対馬俊彦が編集しました。
2021年6月17日 11:10 AM #53137

くらもち
参加者

早速の返信ありがとうございます！
CSS に .siteHeader_sub { width: unset; } を追加したところ解決しました！
投稿者

投稿