Edgar Quintero Edgar Quintero - 1 year ago 177
CSS Question

Unslider Navigation and Arrows Positioning

I'm using Unslider and I'm having trouble positioning the arrows and navigation, simply because when they slider is created with jQuery, it adds the nav and arrows outside the div where the slider is being called.

<section class="slider">
<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>


<a class="unslider-arrow next"></a>
<a class="unslider-arrow prev"></a>

<nav class="unslider-nav">
<li data-slide="0">1</li>
<li data-slide="1">2</li>
<li data-slide="2">3</li>

The nav buttons appear after the
tag, and so I can't position them so that when the browser resizes the arrows and nav stay in place.

I'm sure it's a simple solution, what am I missing?

Answer Source

I ended up using owlgraphic.com instead. More flexible with CSS.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download