サポート » その他 » スマホ画面の時だけサイト内検索結果が表示されない

  • 解決済 chipper2019

    (@chipper2019)


    どなたかご教授頂きたいです。

    サイト内検索をするとPC画面ではきちんと結果が表示されます。しかしipadやスマホ画面でサイト内検索をすると結果が表示されず画面は真っ白になってしまいます。

    レスポンシブ対応はしているため、サイト内検索以外のページ(投稿ページやカテゴリページなど)はスマホでもきちんと表示されます。

    WPテーマは「Marinate」を使用しております。他のテーマではサイト内検索をスマホサイズでプレビューしてみるときちんと表示されます。このテーマにするとなにも写りません。どこが不具合なのか見当がつかないのでチェックすべき項目があれば教えて頂きたいです。

    search.phpページでは下記のコードになっております。初心者のため原因がなにかよくわかりません。
    どうすればスマホ表示がされるようになるのでしょうか?

    <?php
    /**
    * The template for displaying search results
    *
    * @package marinate
    */

    get_header(); ?>

    <div id=”content” class=”site-content”>
    <section class=”blog-section”>

    <div class=”container”>
    <div class=”col-lg-11 col-md-11 col-sm-12 col-xs-12″>
    <div class=”row”>

    <div class=”search-heading”>
    <?php /* translators: %s: search term */ ?>
    <h1 class=”search-title”><?php printf( esc_html( ‘Search Results for: %s’, ‘marinate’ ), ‘<span>’ . esc_html( get_search_query() ) . ‘</span>’ ); ?></h1>
    </div>

    <?php if( have_posts() ) : ?>
    <?php
    $count = 1;
    /* Start the Loop */
    while ( have_posts() ) : the_post();
    get_template_part( ‘template-parts/content’ );
    if ($count % 3 == 0) {
    echo “<div class=’clearfix’></div>”;
    }
    $count++;
    endwhile;

    echo “<div class=’clearfix’></div>”;

    $post_args = array(
    ‘screen_reader_text’ => ‘ ‘,
    ‘prev_text’ => __( ‘<div class=”chevronne”><i class=”fa fa-chevron-left”></i></div>’, ‘marinate’ ),
    ‘next_text’ => __( ‘<div class=”chevronne”><i class=”fa fa-chevron-right”></i></div>’, ‘marinate’ ),
    );

    the_posts_pagination( $post_args );

    else :
    get_template_part( ‘template-parts/content’, ‘none’ );
    endif;

    ?>

    </div>
    </div>
    </div>
    </section>
    </div><!– #content –>
    <?php get_footer(); ?>

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    スタイル (style.css) でデバイス (ビューポート) の横幅に応じて非表示 (display: none !important) にするようになっていました。意図的なのか不具合なのか分かりませんが、下記スタイルで表示するようになると思います。

    カスタマイズの [追加 CSS] またはテーマの style.css に追記。

    @media (min-width: 320px) and (max-width: 767px) {
    	body.search {
    		display: block !important;
    	}
    }
    トピック投稿者 chipper2019

    (@chipper2019)

    ishitaka様
    早急にご対応頂きありがとうございます!
    追記したら解決しました。スマホからでも見れるようになりました。
    この度は本当に助かりました、回答ありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スマホ画面の時だけサイト内検索結果が表示されない」には新たに返信することはできません。