Содержимое страницы Wordpress, не отображаемое на мобильных устройствах

Question

Я использую отзывчивую тему Wordpress, Nexus, и у меня возникают проблемы при просмотре веб-сайта с мобильных устройств. Публичный контент хорош при просмотре веб-сайта с рабочего стола, но основной контент исчезает (как будто цвет шрифта становится прозрачным или изменяется на белый), но пространство для содержимого все еще присутствует. Это было протестировано в Safari и Chrome для iOS7 (iPhone и iPad).

Я попытался отключить любые плагины, которые могут быть причиной этой проблемы, но безрезультатно. Проблема не может быть реплицирована при изменении размера браузера на рабочем столе, сайт отвечает и адаптируется, как он должен, без потери содержимого, поэтому я предполагаю, что это может быть связано с используемым метатегом, но контент заголовка и нижнего колонтитула показывает, что , Может ли это быть чем-то связанным с page.php, «шаблоном по умолчанию»?

Метатег используется в настоящее время является:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 

Сайт можно посмотреть на www.cafestylespeedtraining.net.

Это файл page.php:

<?php 
$featured_image = false; 

if ('' != get_the_post_thumbnail()) : 
    $featured_image = true; 
?> 
<div class="post-thumbnail"> 
    <div class="container"> 
     <h1 class="post-heading"><?php the_title(); ?></h1> 
    </div> <!-- .container --> 
</div> <!-- .post-thumbnail --> 
<?php endif; ?> 

<div class="page-wrap container"> 
    <div id="main-content"> 
     <div class="main-content-wrap clearfix"> 
      <div id="content"> 
       <?php get_template_part('includes/breadcrumbs', 'index'); ?> 

       <div id="left-area"> 

       <?php while (have_posts()) : the_post(); ?> 

        <article class="entry-content clearfix"> 
        <?php if (! $featured_image) : ?> 
         <h1 class="main-title"><?php the_title(); ?></h1> 
        <?php endif; ?> 
        <?php 
         the_content(); 

         wp_link_pages(array('before' => '<div class="page-links">' . __('Pages:', 'Nexus'), 'after' => '</div>')); 
        ?> 
        </article> <!-- .entry --> 

        <?php 
         if (comments_open() && 'on' == et_get_option('nexus_show_pagescomments', 'false')) 
          comments_template('', true); 
        ?> 

       <?php endwhile; ?> 

       </div> <!-- end #left-area --> 
      </div> <!-- #content --> 

      <?php get_sidebar(); ?> 
     </div> <!-- .main-content-wrap --> 

     <?php get_template_part('includes/footer-banner', 'page'); ?> 
    </div> <!-- #main-content --> 

    <?php get_footer(); ?> 

Любая помощь будет принята с благодарностью. Если вам нужны другие файлы, дайте мне знать, и я их вложу.

См. Ответ.

Answer 1

Это простая проблема с CSS.

подслушивания элемент:

<h4 class="widgettitle">Book your Cafe Style Facilitator’s Boot Camp</h4> 

Вы можете проверить это, давая элемент блокировать следующий стиль:

display: none; 

Также вы можете эмулировать мобильное поведение в браузере Chrome с помощью

F12 -> settings -> overrides -> emulate