スマホでオーバーレイ表示にした時のサイトタイトルとスライドのタイトルの間の間隔をあけてほしい

  • このトピックには10件の返信、3人の参加者があり、最後にkuro81により2年、 1ヶ月前に更新されました。
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • 投稿者
    投稿
  • #5609
    kuro81
    参加者
    1

    いつもありがとうございます。

    スマホでヘッダー位置をオーバーレイ表示にした時だけ、サイトタイトルとスライドのタイトルの間の間隔が詰まってしまうので、これをあけていただくことは出来ますでしょうか。

    オーバーレイ以外では

    サイトタイトル

     

    スライドタイトル

     

    となるのですが、

     

    オーバーレイだと

    サイトタイトル

    スライドタイトル

    となってしまいます。

     

    ご検討のほどよろしくお願いします。

    0
    #5628
    キタジマ タカシ
    キーマスター
    339

    スライドの中のタイトルが長い場合にってことですかね?スクリーンショットも頂けると助かります!

    0
    #5639
    TarCoon☆CarToon
    参加者
    7

    同じような現象かもしれませんので投稿させていただきます。

    「レイアウト」のカスタマイズで

    • ヘッダーレイアウト1行
    • ヘッダー位置オーバーレイ

    にすると、アイコンが重なってしまいます。

    参考画像はフォーラムの表示ですが、上部のアイキャッチ画像が無い記事の場合はこのように、画像が重なってしまいます。

    自力で修正できる方法があれば、ご教示いただければと思います。

    オーバーレイ表示をした時に重なる画像です

    0
    #5645
    kuro81
    参加者
    1

    お返事ありがとうございます。

    スクリーンショットを添付します。

     

    ヘッダー固定です。

    1行です

     

    ヘッダーオーバーレイです。

    ご確認よろしくお願いします。

    0
    #5650
    キタジマ タカシ
    キーマスター
    339

    @田島さん、ありがとうございます。
    これは既知の問題でして、とはいえ「なにか入れる」しか対応方法が思いつかないので通常のページについては、デフォルトページヘッダー画像という設定を用意して、ページヘッダー画像を入れることでヘッダーがコンテンツにかぶらない高さをキープするようにしています。

    bbPress 利用の場合、下記のようなコードを子テーマの functions.php に追加すれば、ヘッダー下にコンテンツを入れて高さをキープできるかと思いますがいかがでしょうか。

    add_action( 'snow_monkey_prepend_body', function() {
        if ( ! is_bbpress() ) {
            return;
        }
        ?>
        ここに画像など
        <?php
    } );
    0
    #5651
    キタジマ タカシ
    キーマスター
    339

    @kuro81さん

    やっぱりそうですよね。うーん、これどう対応させるのがベストかむずかしいところで、オーバーレイの場合は他とちがってコンテンツ側の工夫でなんとかしないといけない場合が多いので…。

    たとえば「スマホの場合はスライダーのタイトルとボタンの間の余白を削る」とかはすぐできそうですが、それでもタイトルが長いと同様の問題はでてきちゃいますよね。文字サイズももう少し小さくするとかしましょうかねー

    0
    #5658
    kuro81
    参加者
    1

    お返事ありがとうございます。

    ただ、タイトルの上に余白をあければいいという話でもないんですね。。

    0
    #5659
    キタジマ タカシ
    キーマスター
    339

    例えばオーバーレイヘッダーのときはスライダーの上下余白を大きく取る、とかすると、スライダーが一番上じゃないときはバランスがおかしくなってしまう、とかも考えないといけません。スライダーはともかく、じゃあ他のウィジェットの場合はどうなの?とかもでてきますしね。そういうことで「コンテンツ側の工夫でなんとかしないといけない」というのがあります。

    とりあえず、スライダーウィジェットはピックアップスライダーより左右余白を大きくとってしまう不具合があったので、左右余白をいまより狭くするのと、フォントサイズを少し小さくする作業を今おこなっています。これで多少はマシになるかなと…。それでも微妙な感じであれば、追加 CSS などで個別に上下余白を大きくとるカスタマイズをするのが良いかなと思います。

    0
    #5661
    kuro81
    参加者
    1

    ひとつの視点ではなく、複数の視点からの判断ありがとうございます!

    0
    #5670
    キタジマ タカシ
    キーマスター
    339

    v4.2.15 で左右と要素間の余白を調整、タイトル文字を少し小さくする修正を行いました。ご確認ください!

    0
    #5676
    kuro81
    参加者
    1

    ありがとうございます。

    あげさせていただいた上記スクリーンショットと状況が変わらないのですが、

    フォントサイズを16から15に変更することにより、2行になるのは改善できました。

     

    0
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • トピック「スマホでオーバーレイ表示にした時のサイトタイトルとスライドのタイトルの間の間隔をあけてほしい」には新しい返信をつけることはできません。