携帯電話/タブレットのスライダーが消える

Question

私はWordpressのサイトに、携帯電話やタブレットで開いたときにスライダが消えてしまうテーマを作成しました。私はいくつかの異なるスライダープラグインを試しましたが、すべてのプラグインを無効にして1つずつインストールすることを試みましたが、問題は解決しないので、テーマにはPHPの問題があると思います。それのための解決策。携帯電話やタブレットで開くとスライダーが読み込まれているように見えますが、突然消えてしまいますが、ページの残りの部分はまだ残っていますので、携帯電話から開いたときに新しいページに移動する可能性があります。誰でも私を助けてくれますか？ ありがとうございました！

http://www.lapinatasd.com

ありがとうございました！

<?php /* Template Name: Home Page */ ?> 
 
<?php get_header(); ?> 
 
<?php while (have_posts()) : the_post(); ?> 
 
\t <!-- BEGIN HOME SLIDER SECTION --> 
 
    <section id="home-slider"> 
 

 
<?php putRevSlider('home'); ?> 
 

 

 
     
 
    </section> 
 
    <!-- END HOME SLIDER SECTION --> 
 
<?php endwhile; ?> 
 
<?php $back = $post //backup post data?> 
 
<?php $child_sections = new WP_Query(array('post_type' => 'page', 'post_parent' => $post->ID, 'orderby' => 'menu_order', 'order' =>'ASC', 'posts_per_page' => -1)); ?> 
 
<?php while ($child_sections->have_posts()) : $child_sections->the_post(); ?> 
 
    <?php $bg = rwmb_meta('_jellythemes_section_bg', 'type=image', get_the_ID()); foreach ($bg as $bg_image) : $bg_url = $bg_image['full_url']; endforeach; ?> 
 
    <?php $bg2 = rwmb_meta('_jellythemes_section_bg2', 'type=image', get_the_ID()); foreach ($bg2 as $bg_image2) : $bg_url2 = $bg_image2['full_url']; endforeach; ?> 
 
    <?php $video = get_post_meta($post->ID, '_jellythemes_parallax_video', true); ?> 
 
    <?php if (empty($video)): ?> 
 
     <section id="<?php echo esc_attr($post->post_name); ?>" class="section <?php echo get_post_meta($post->ID, '_jellythemes_section_type', true); ?> <?php echo get_post_meta($post->ID, '_jellythemes_section_color', true); ?>" style="background-color:<?php echo get_post_meta($post->ID, '_jellythemes_bg_color', true); ?>; <?php echo (!empty($bg_url) ? 'background-image: url(' . $bg_url . ')' . (!empty($bg_url2) ? ', url(' . $bg_url2 . ')' : '') . ';' : ''); ?>"> 
 
      <div class="<?php echo get_post_meta($post->ID, '_jellythemes_section_width', true); ?>"> 
 
       <?php the_content(); ?> 
 
      </div> 
 
     </section> 
 
    <?php else: ?> 
 
     <section id="<?php echo esc_attr($post->post_name); ?>" class="player section" data-property="{videoURL:'<?php echo esc_js($video); ?>',containment:'self',autoPlay:true, mute:true, startAt:0,opacity:1,ratio:'4/3', addRaster:true}"> 
 
      <div class="overlay"></div> 
 
      <?php $logos = rwmb_meta('_jellythemes_bg_logo', 'type=image', $post->ID); ?> 
 
      <?php foreach ($logos as $logo) : ?> 
 
      <img class="video-img" src="<?php echo esc_url($logo['full_url']); ?>" alt="video"> 
 
      <?php endforeach; ?> 
 
     </section> 
 
    <?php endif ?> 
 
    <?php $bg_url=''; ?> 
 
<?php endwhile; ?> 
 
<?php $post = $back //restore post data?> 
 

 
<?php get_footer(); ?> 
 
</body> 
 
</html>

Answer 1

私はあなたには、いくつかの応答性のテーマを使用していて、使用している面積が小さな画面のデバイス上で隠されるように構成されていると思います。たとえば、ブートストラップを使用しているときは、hidden-sm-downというクラスがあります。このクラスがあなたが作業しているコンテナに適用されているかどうかを確認します。これにより、小型のxtra-smallデバイスでdivが見えなくなります。 enter link description here

この問題を理解するために、ページのHTMLも添付してください。