Question

我已经在Foundation中建立了一个使用Wordpress的网站

问题是当您从纵向倾斜到横向时，轨道滑块不会在移动设备上调整大小。我在基金会论坛上搜索了一个解决方案，因为我认为它可能是滑块本身，但它看起来并不那样。

我唯一的想法是，我可能在某处添加了额外的.row？

的index.php

<?php if  (is_home() ){ 

        get_sidebar(slider);                    //Orbit image slider
        get_sidebar(welcome);
        get_sidebar(lowergrid);
        get_sidebar(round);
        get_sidebar(latest);
        get_sidebar(testimonials);
                                             ?> 

    <?php   } else {

                    ?>

    <?php } ?>

        </div> <!-- end inner wrap-->

    </div><!-- off canvas menu-->

</div> <!-- end row -->

<?php get_footer(); ?>

边栏滑块：

    <ul class="example-orbit small-12 columns" id="slider" data-orbit>
    <li>
      <img src="<?php bloginfo ('template_url');?>/foundation/images/header-01.jpg" alt="Beautiful Hwange" />
      <div class="orbit-caption" id="cap-one">
        <h1>Beautiful Hwange</h1>
        <h4>on your doorstep</h4>
      </div>
    </li>
    <li>
      <img src="<?php bloginfo ('template_url');?>/foundation/images/header-02.jpg" alt="Kudu" />
      <div class="orbit-caption">
        <h1>A slice of paradise</h1>
        <h4>for you to enjoy</h4>          
    </li>
  </ul>

Answer 1

我很难完全解决您的问题，但由于各种原因，基金会正式弃用了轨道滑块：

Orbit已被弃用，这意味着它不再受支持。尽管我们决定将其留在原地，但我们无需担心如果您选择继续使用它，则为基础。我们在这里解释一下。

Source

如文档中所述，尝试使用光滑的滑块，这非常棒且配置非常灵活。

轨道滑块未在移动设备上调整大小

1 个答案: