Почему мой сайт WP сломан в Firefox?

Я создаю сайт WordPress для клиента, и в настоящее время сайт разбит на Firefox. Все появляется, но при начальной посадке видится только заголовок, а затем вы должны прокручивать одну ширину страницы, чтобы увидеть остальную часть сайта. Я смог исправить это, изменив положение заголовка в файле PHP, но это нарушит функциональность мобильного телефона и заголовок в Chrome. Пожалуйста помоги.Почему мой сайт WP сломан в Firefox?

Ссылка вживая, так что вы можете рассматривать эту проблему в hogarcotui.org и здесь является HTML и PHP заголовок файла

<?php wp_head(); ?> 
 
</head> 
 

 
<body <?php body_class(); ?>> 
 
    <?php do_action('foundationPress_after_body'); ?> 
 

 

 

 
    <div class="small-12 xlarge-12 columns"> 
 
    <div class="medium-2 large-2 xlarge-2 columns show-for-medium-up"> 
 
     <a href="http://www.en.hogarcotui.org"> 
 
     <img class="logo" src="../wp-content/uploads/2015/01/logo.png"> 
 
     </a> 
 
    </div> 
 

 
    <div class="small-3 columns show-for-small-only invisible">...</div> 
 
    <div class="small-6 columns end show-for-small-only"> 
 
     <a href="http://www.en.hogarcotui.org"> 
 
     <img class="logo" src="../wp-content/uploads/2015/01/logo.png"> 
 
     </a> 
 
    </div> 
 

 

 
    <div class="medium-8 large-9 xlarge-9 columns show-for-medium-up"> 
 
     <h1 class="name">Hogar de Ancianos en Cotuí RD</h1> 
 

 
    </div> 
 
    <div class="small-2 small-offset-6 medium-2 medium-offset-8 large-2 large-offset-10 xlarge-2 xlarge-offset-10 columns language"> 
 
     <a href="http://www.hogarcotui.org" id="langLink">Spanish</a> 
 
    </div> 
 
    </div> 
 

 
    <div class="off-canvas-wrap" data-offcanvas> 
 
    <div class="inner-wrap"> 
 

 
     <?php do_action('foundationPress_layout_start'); ?> 
 

 

 

 
     <nav class="tab-bar show-for-small-only"> 
 
     <section class="left-small"> 
 
      <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a> 
 
     </section> 
 
     <section class="middle tab-bar-section"> 
 

 
      <h1>Hogar Cotui RD</h1> 
 

 
     </section> 
 
     </nav> 
 

 
     <?php get_template_part('parts/off-canvas-menu'); ?> 
 

 
     <?php get_template_part('parts/top-bar'); ?> 
 

 
     <section class="container" role="document"> 
 
     <?php do_action('foundationPress_after_header'); ?>

источник

2015-02-25 Megan McGowan

Вы используете навигацию вне холста? У фонда есть проблема с этим иногда, однако, это обычно в Chrome. – JeremyE

Проверьте исходный код, который вы вставили заголовок дважды , Вы видите это дважды:

<html class="no-js" lang="en-US" > 
    <head> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

     <link rel="stylesheet" href="http://www.hogarcotui.org/wp-content/themes/FoundationPress/css/foundation.css" /> 
     <link rel="stylesheet" href="http://www.hogarcotui.org/wp-content/themes/FoundationPress/css/style.css" />

Вы должны исправить HTML структуру. Мне нужен код заголовка, страницы и нижнего колонтитула, чтобы полностью понять, в чем проблема.

источник

2015-02-25 16:47:35 Raluca

Нет двойного заголовка здесь ... Я бы предложил следующие изменения в вашей таблице стилей.

удалить overflow:hidden из .off-canvas-wrap. Это положение будет размещаться над заголовком.
добавить float:left в .top-bar-container, .tab-bar. Это установит фон меню вправо.
добавить overflow-x:hidden в body. Это приведет к удалению горизонтального прокрутки.

GL!

источник

2015-02-25 17:21:34 ECO13

Почему мой сайт WP сломан в Firefox?

ответ

Смежные вопросы