- このトピックには8件の返信、2人の参加者があり、最後に
により1年、 11ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 バージョン: 18.1.1
【お使いの Snow Monkey Blocks のバージョン】 バージョン 17.1.0
【お使いのブラウザ】 Google Chrome
【当該サイトのURL】
らっくらっくホームページ
広島県府中市のあん摩マッサージ・鍼灸院### 実現したいこと
1.ヘッダーコンテンツ右に画像のリンクボタンを入れたい
2.ヘッダーコンテンツを入力すると、SPでハンバーガーメニューが表示されなくなってしまったので表示させたい### 発生している問題
ヘッダーコンテンツを入力すると、SPでハンバーガーメニューが表示されなくなってしまいました。
### 試したこと
フォーラムなど参考にし。ソースを確認しましたが解決できませんでした。
お手数をおかけしますが、ご教授宜しくお願いいたします。
いいねをした人: 居ませんキタジマ様
ご回答ありがとうございます。
以下がヘッダーコンテンツに入力した 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>宜しくお願いいたします。
いいねをした人: 居ませんありがとうございます。確認したところ、
.header-infoを閉じる</div>が無いようです。それで HTML 構造がずれてしまって現象が発生しているように思います。いいねをした人: 居ませんキタジマ様
ご回答ありがとうございます。
初歩的な見落として申し訳ありません。ハンバーガーメニューは表示されました。
また、ヘッダーコンテンツ右に画像でリンクボタンを入れたいのですがこれは可能でしょうか。
宜しくお願いいたします。
いいねをした人: 居ませんまた、ヘッダーコンテンツ右に画像でリンクボタンを入れたいのですがこれは可能でしょうか。
はい、普通に HTML を記述すれば良いです。下記は適当な例ですが、こんな感じで
aとimgを記述してみてください。<div class="header-info" style="gap: 1em"> <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> <div> <a href="#"><img src="https://placehold.jp/100x60.jpg"></a> </div> </div>いいねをした人: 居ませんキタジマ様
ご回答ありがとうございます。
追加CSSで記載したい場合、画像はどこに保存しておくべきでしょうか。
<img src=“https://placehold.jp/100×60.jpg” />の太字の部分のように、例えば自分のgoogleドライブに画像を保存しURLを記述しておくでも良いのでしょうか。
宜しくお願いいたします。
いいねをした人: 居ません見れればどこでも良いとは思いますが、僕ならわかりやすいようにメディアアップローダーでアップロードして参照するか、My Snow Monkey とか子テーマの中に入れると思います。
いいねをした人: 居ません
- トピック「ヘッダーコンテンツを入力すると、ハンバーガーメニューが表示されなくなる」には新しい返信をつけることはできません。