title: bxslider trouble making responsive 100% width
body: <p>Im trying out different carousels(jcarousel,bxslider,owl carousel 2).. right now Im using bxslider, but I have trouble making it responsive. </p>
  
  <p>Url: <a href="http://topforexbroker.net/hund/" rel="nofollow noreferrer">http://topforexbroker.net/hund/</a></p>
  
  <p>bxslider options (<a href="http://bxslider.com/options" rel="nofollow noreferrer">http://bxslider.com/options</a>):</p>
  
  <pre><code>                minSlides: 1,
                  moveSlides:1,
                  maxSlides: 8,
                  slideWidth: 275,
                  slideMargin: 10,
                  pager: false
  </code></pre>
  
  <p>Preview on mobile:
  <a href="https://i.stack.imgur.com/S2Cog.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S2Cog.png" alt="preview on mobile"></a></p>
  
  <p>If I increase the slideWidth, it will look okay on mobile but then on my desktop it will mess up. </p>
  
  <p>Any idea how to solve this? I actually got owl carousel 2 to work just like I wanted it to but for some reason when I slide I get a white background and it has to load the image I think it is called smooth scrolling correct me if Im wrong. Maybe Im using the wrong carousel for my intention?</p>
  
  <p>Thanks in advance.</p>