文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么我的可湿性粉剂网站在Firefox中崩溃了？

问为什么我的可湿性粉剂网站在Firefox中崩溃了？
EN

Stack Overflow用户

提问于 2015-02-26 00:20:19

回答 2查看 133关注 0票数 0

我正在为一个客户建立一个WordPress站点，目前该站点在火狐上被破坏。一切都会显示出来，但在初始登陆时，只有页眉是可见的，然后你必须滚动一个页面宽度才能看到站点的其余部分。我可以通过改变PHP文件中头文件的位置来修复这个问题，但这破坏了Chrome的移动功能和头文件。请帮帮忙。

链接是活动的，因此您可以在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'); ?>

wordpress

firefox

zurb-foundation

回答 2

Stack Overflow用户

发布于 2015-02-26 00:47:36

检查您插入了两次头的源代码。你会看到两次：

<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结构。我需要页眉，页面和页脚代码，以充分了解是什么问题。

票数 0

Stack Overflow用户

发布于 2015-02-26 01:21:35

这里没有双头...我建议在样式表中进行以下更改。

从.off-canvas-wrap中删除overflow:hidden。这将把内容放在标题下面。
add float:left to .top-bar-container, .tab-bar。这会将菜单背景设置为右。
add overflow-x:hidden to body。这将删除水平滚动。

GL！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28724124

复制

相似问题

问为什么我的可湿性粉剂网站在Firefox中崩溃了？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的可湿性粉剂网站在Firefox中崩溃了？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的可湿性粉剂网站在Firefox中崩溃了？
EN