Unsliderを使用していますが、矢印とナビゲーションの配置に問題があります。これは、jQuery でスライダーを作成すると、スライダーが呼び出されている div の外側にナビゲーションと矢印が追加されるためです。
<section class="slider">
<ul>
<li><img src="imgs/banner-1.jpg" alt=""></li>
<li><img src="imgs/banner-2.jpg" alt=""></li>
<li><img src="imgs/banner-3.jpg" alt=""></li>
</ul>
</section>
<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>
<nav class="unslider-nav">
<ol>
<li data-slide="0">1</li>
<li data-slide="1">2</li>
<li data-slide="2">3</li>
</ol>
</nav>
ナビゲーション ボタンは<section>タグの後に表示されるため、ブラウザのサイズが変更されたときに矢印とナビゲーションが所定の位置に留まるように配置することはできません。
それは簡単な解決策だと思いますが、何が欠けていますか?