初めてSnow Monkeyフォーラムで投稿させていただきます…！
（いつか投稿したいと思っていたので）
既にSnow Monkey歴が長い方々が多い中で恐縮ですが、解決になればと思いまして…！
さっそくですが本題へ。追加CSSに
.p-global-nav .c-navbar__item>a {
font-size: 16px;
}
を追記でいかがでしょうか…！（サイズは適宜調節していただければと思います）
こんにちは。
ロゴが大きくて画面の外にはみ出しているみたいです。
ロゴ画像の幅を狭くすれば表示されますね。
カスタマイザーでスマホのロゴのサイズを変更するか、以下のCSSを追加してみてください。
.l-center-header .c-site-branding__title .custom-logo {
max-width: 100%;
}
ヘッダーの HTML の構造はハンバーガーメニューが左右どちらにあってもバランスがとれるようにとか、ヘッダーコンテンツがあってもなくてもバランスがとれるように等々が考慮してあるのでかなり複雑になっています。ひとまずは下記の CSS で対応できるのではと思いますがどうでしょうか？
@media (max-width: 639px) {
.l-center-header .c-row__col.u-invisible-wall:first-child {
display: none;
}
.l-center-header .c-site-branding__title {
text-align: left;
}
}
キタジマ タカシさん
教えていただいたCSS追加でできました！
ありがとうございます(_ _)
disply:noneというのはなんとなくわかっていたのですが、
どうやってcodeを書くかわからず
擬似クラスの:activeをつけてみたりしましたが、できずということでお尋ねしました。
こういう書き方ができるんですね！！
サポートフォーラムは勉強になりますm(_ _)m
GONSYさん、
そちらのサイトで記載されている、functions.phpのコードを記載することで、
メアドなどを非表示にできました！
とても助かりました。ありがとうございます！
サイトにログインしていないユーザーは、名前・メール・サイトの項目が表示されると思います。
当方の環境は、macOS 10.15.7、いずれも最新のChrome、Safari、Firefox、Edgeで見たところ、すべて該当の項目は表示されてました。
この記事にあるような方法で非表示にできるようです。
GONSY様、キタジマ様
前回、フォルダの箇所について質問をさせていただきましたが解決した。
１.My Snow Monkeyを使う場合
My Snow Monkey のフォルダに入れた svg を
my-snow-monkey/assets/img
このフォルダの中にいれ参照で問題なく読み込めました。
２. エンコード（base64）したSVGを設定
という方法でも読み込めそうです。
最終的にどちらを使おうか悩んでいますが、コードが少ない １ の方法をとろうかと思っています。
２ の方法も大変勉強になりました。
お二人のご回答ありがとうございました。トピックを閉じさせていただきます。
キタジマ 様
Snow Monkey でのおすすめというのは無い という事ですね。承知いたしました。
その中の参照方法ですが
My Snow Monkeyを使う場合
My Snow Monkey のフォルダに入れた svg というのは、
my-snow-monkey/assets/
の中にimg フォルダ等を作って参照するという解釈でよろしいですか？
太字に設定すると <strong>xx</strong> と文字列で表示されてしまう不具合があるようです。ひとまず太字にしたい場合は CSS で対応するのが良さそうです。
.smb-balloon__name {
font-weight: bold;
}
多少調整が必要かもしれませんが、下記の CSS を追加するとどうでしょうか？
.smb-accordion .smb-accordion__item__control:checked + .smb-accordion__item__title {
display: none;
}
こちらで試してみたところ、確かに iOS ではスクロール位置がずれはするものの、ページのトップではなく、本来のスクロール位置（ヘッダー分ずらしたりしない位置）が表示されました。
一応その不具合については次のリリースで修正を入れようと思いますが、Roca さんの症状が改善されるかはわからないので、そのときはまたここに報告いただければと思います。
度々のご質問で大変恐縮なのですが、コードを追加する場所としましては、「home.php」という認識でよろしかったでしょうか。
Snow Monkey自体に手を加えることは推奨されていません。（テーマのアップデートで上書きされるため）
前述のコードは…
- 子テーマを使用されているようならfunctions.phpに
- プラグイン（My Snow Monkey）を使用されているなら、my-snow-monkey.phpに
加えるものになります。
詳しくは以下をご覧ください。
最近の投稿ブロック、任意のタクソノミーブロックだと固定ページは選択できないですね。。。
方法としては、
– このページの子ページブロックを使う
– 最近の投稿ブロックのフィルターフック snow_monkey_recent_posts_widget_args で post_types を書き換えて固定ページを表示するようにする
という感じでしょうか。
参考：
GONSYさん。アドバイスありがとうございます。なるほど、こういう方法もあるんですね。これだとsvg アップロードしなくてもすみますね。
調べてみてこんな変換サイトも見つけました
さて、どの方法がいいのか、悩みどころですが
もう少し自分でも調べてみて、このトピックを閉じようかと思います。
おすすめというわけではありませんが、SVGのアップロードをしないやり方の１つです。
ボタンの右に配置するSVG画像がボタンごとに異なる場合や別の管理者でも簡単に変更をしたい場合は得策ではなく、メンテナンス性もよくありませんが…
- Snow Monkey「ボタン」ブロックを配置
- その「ボタン」ブロックに「高度な設定」→「追加CSSクラス」でクラス名を付与
- カスタマイズの「追加CSS」や読み込んでいるCSSに.クラス名 a:afterを追加
- そのCSSにbackgroundでエンコード（base64）したSVGを設定＋位置調整
こんな感じで設置もできると思います。
