ヘッダーコンテンツを入力すると、ハンバーガーメニューが表示されなくなる

0
いいねをした人: 居ません
  • このトピックには8件の返信、2人の参加者があり、最後にそすけにより1年、 3ヶ月前に更新されました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #114393
    そすけ
    閲覧者
    9

    【お使いの Snow Monkey のバージョン】 バージョン: 18.1.1
    【お使いの Snow Monkey Blocks のバージョン】 バージョン 17.1.0
    【お使いのブラウザ】 Google Chrome
    【当該サイトのURL】
    らっくらっくホームページ
    広島県府中市のあん摩マッサージ・鍼灸院

    ### 実現したいこと

    1.ヘッダーコンテンツ右に画像のリンクボタンを入れたい
    2.ヘッダーコンテンツを入力すると、SPでハンバーガーメニューが表示されなくなってしまったので表示させたい

    ### 発生している問題

    ヘッダーコンテンツを入力すると、SPでハンバーガーメニューが表示されなくなってしまいました。

    ### 試したこと

    フォーラムなど参考にし。ソースを確認しましたが解決できませんでした。

    お手数をおかけしますが、ご教授宜しくお願いいたします。

    0
    いいねをした人: 居ません
    #114399
    キタジマ タカシ
    参加者
    2234

    ヘッダーコンテンツに入力した HTML を、ここにそのまま貼り付けてもらって良いのでしょうか?(HTML 全体を`で囲むとコードとして認識されます)。

    0
    いいねをした人: 居ません
    #114408
    そすけ
    閲覧者
    9

    キタジマ様

    ご回答ありがとうございます。

    以下がヘッダーコンテンツに入力した HTMLです。

    HTML 全体を`で囲みましたが、コードとして認識されていますでしょうか。

    <div class="header-info">
      <div class="header-wrapper">
        <i class="fas fa-phone-alt"></i> <b>0123-456-7890</b><br>午前:9:00〜12:00<br>午後:13:00〜19:00(土日祝日は16:00まで)<br>休診日:木曜日
      </div>

    宜しくお願いいたします。

    0
    いいねをした人: 居ません
    #114410
    キタジマ タカシ
    参加者
    2234

    ありがとうございます。確認したところ、.header-info を閉じる </div> が無いようです。それで HTML 構造がずれてしまって現象が発生しているように思います。

    0
    いいねをした人: 居ません
    #114420
    そすけ
    閲覧者
    9

    キタジマ様

    ご回答ありがとうございます。

    初歩的な見落として申し訳ありません。ハンバーガーメニューは表示されました。

    また、ヘッダーコンテンツ右に画像でリンクボタンを入れたいのですがこれは可能でしょうか。

    宜しくお願いいたします。

    0
    いいねをした人: 居ません
    #114447
    キタジマ タカシ
    参加者
    2234

    また、ヘッダーコンテンツ右に画像でリンクボタンを入れたいのですがこれは可能でしょうか。

    はい、普通に HTML を記述すれば良いです。下記は適当な例ですが、こんな感じで aimg を記述してみてください。

    <div class="header-info" style="gap: 1em">
      <div class="header-wrapper">
        <i class="fas fa-phone-alt"></i>&nbsp;<b>0123-456-7890</b><br>午前:9:00〜12:00<br>午後:13:00〜19:00(土日祝日は16:00まで)<br>休診日:木曜日
      </div>
      <div>
        <a href="#"><img src="https://placehold.jp/100x60.jpg"></a>
      </div>
    </div>
    0
    いいねをした人: 居ません
    #114518
    そすけ
    閲覧者
    9

    キタジマ様

    ご回答ありがとうございます。

    追加CSSで記載したい場合、画像はどこに保存しておくべきでしょうか。

    <img src=“https://placehold.jp/100×60.jpg” />の太字の部分のように、例えば自分のgoogleドライブに画像を保存しURLを記述しておくでも良いのでしょうか。

    宜しくお願いいたします。

    0
    いいねをした人: 居ません
    #114529
    キタジマ タカシ
    参加者
    2234

    見れればどこでも良いとは思いますが、僕ならわかりやすいようにメディアアップローダーでアップロードして参照するか、My Snow Monkey とか子テーマの中に入れると思います。

    0
    いいねをした人: 居ません
    #114537
    そすけ
    閲覧者
    9

    キタジマ様

    ご回答ありがとうございます。

    メディアアップローダーでアップロードして参照できました。

    方法まで丁寧にご回答いただき、ありがとうございました!

    1
    いいねをした人:
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • トピック「ヘッダーコンテンツを入力すると、ハンバーガーメニューが表示されなくなる」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。