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

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

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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #53073

    くらもち
    参加者

    ■ 利用テーマとバージョン :Lightning Pro(バージョン: 8.10.2)

    ■ デザインスキン:Pale Ⅱ(バージョン 8.1.7)

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


    該当URL : https://*********

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

    #53074

    くらもち
    参加者

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

    Attachments:
    You must be logged in to view attached files.
    #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年、 5ヶ月前に対馬 俊彦が編集しました。
    • この返信は3年、 5ヶ月前に対馬 俊彦が編集しました。
    #53137

    くらもち
    参加者

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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。