Menu icon Foundation
Full width problem Orbit

Hi guys!
I need some help of you. I want make a full width orbit slider but when I click on control arrow the windows go to white

Check the code on codepen:
http://codepen.io/anon/pen/ogWZzo

<ul data-orbit>
  <li>
    <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
  <li>
   <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
  <li>
    <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
</ul>
            

         

$(document).foundation({
    		 orbit:{
				  pause_on_hover: false,
				  swipe: true,
				  bullets: false,
				  slide_number: false,
			  }
		});
            

         

Orbitfullwidth

Hi guys!
I need some help of you. I want make a full width orbit slider but when I click on control arrow the windows go to white

Check the code on codepen:
http://codepen.io/anon/pen/ogWZzo

<ul data-orbit>
  <li>
    <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
  <li>
   <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
  <li>
    <img  src="http://wp.dhenriquez.com/wp-content/uploads/2015/01/plz.jpg" style="width:100%; height:auto; display:block;">
  </li>
</ul>
            

         

$(document).foundation({
    		 orbit:{
				  pause_on_hover: false,
				  swipe: true,
				  bullets: false,
				  slide_number: false,
			  }
		});
            

         
Rafi Benkual over 4 years ago

Can you describe what the issue is? I see the slides moving in normally.