title: How to get rid of white space in mobile version
body: <p>The website is getfarmerfit.com</p>
  
  <p>It looks okay on the desktop version unless you zoom out to 50%. It then shows the white space to the right of the <a href="http://www.htmldrive.net/go/to/simple-images-scroller" rel="nofollow noreferrer">slider that's created by with jQuery</a>. I've tried overflow-x-hidden and it didn't work. I've tried finding some metas that were claimed to have no scaling/zooming out capability on the mobile version and still that din't work.</p>
  
  <p>Any suggestion would be useful.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.scroller_roll{
      padding: 0px;
      margin: 0px;
      clear: both;
      overflow: hidden;
      /*overflow-y: auto;*/
      white-space: nowrap;
      align-self: center;
  }
  .scroller_roll ul{
      align-self: center;
      padding: 0px;
      margin: 0px;
      float: left;
      white-space: nowrap;
      clear: both;
      overflow: hidden;
  }
  .scroller_roll ul li{
      padding: 0px;
      margin: 0px;
      list-style: none;
      align-self: center;
      /*clear: both;*/
      /*text-align: center;*/
      display: inline-flex;
      overflow: hidden;
  }
  .scroller_roll ul li a{
      text-decoration: none;
  }
  .scroller_roll ul li a:hover{
      text-decoration: underline;
  }
  .scroller_roll ul li a img{
      border: none;
      overflow: hidden;
      margin: 0px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Slide Show --&gt;
  
  &lt;!-- &lt;div id=="tech-slideshow"&gt;
   &lt;div class="tech-slideshow"&gt;
      &lt;div class="mover-1"&gt;&lt;/div&gt;
      &lt;div class="mover-2"&gt;&lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt; --&gt;
  &lt;div id="scroller_roll1" class="scroller_roll"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/elaine_dips.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/fierce_randy.jpg" width="300" height="300"  alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/janette_swings.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/johany_back.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/jose_pushdowns.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/large_group.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/leah_flys.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/randy_sled.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/shoulder_press.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/steven_pullups.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/leah_leg_out.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/renegade_row_girls.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/side_plank.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/leah_guns.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/three_ladies.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src="img/resources/css_slider_images/woman_pushups.jpg" width="300" height="300" alt="Farmer Fitness"/&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div style="clear: both"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Slide Show Ends --&gt;</code></pre>
  </div>
  </div>
  </p>