I made a carousel but on a mobile view the images displays Inline but when the control button is clicked on for it to slide. The images appear vertically (i.e the display isn't inline anymore). Please what line of code would be useful in changing this.

technestng:
I made a carousel but on a mobile view the images displays Inline but when the control button is clicked on for it to slide. The images appear vertically (i.e the display isn't inline anymore). Please what line of code would be useful in changing this.

Place your code here lets see .
Besides you people should learn to use frameworks like bootstrap.
Why recreating what has already being created ,it helps save time.

Donald3d:
Place your code here lets see .
Besides you people should learn to use frameworks like bootstrap.
Why recreating what has already being created ,it helps save time.

It is built on a bootstrap framework, but it is been incorporated into a WordPress site.

<p><span style="font-weight:bold">CLIENTS WE'VE <FONT COLOR="#79C9D4">WORKED WITH</FONT></span></p>
<hr />
<!--<div class="footer-client-logos">
	<img src="http://i47.tinypic.com/1582f7p.png" alt="" />
	<img src="http://i45.tinypic.com/2rpr6yt.png" alt="" />
	<img src="http://i47.tinypic.com/n4ikk2.png="" />
	<img src="http://i58.tinypic.com/2n9cd38.png" alt="" />
	<img src="http://i48.tinypic.com/2nk2zr7.png" alt="" />
</div></div>-->

<div id="clients-carousel" class="carousel slide" data-ride="carousel" data-target="4000">
                 
    <ol class="carousel-indicators">
        <li data-target="#clients-carousel" data-slide-to="0" class="active"></li>
        <li data-target="#clients-carousel" data-slide-to="1"></li>
        <li data-target="#clients-carousel" data-slide-to="2"></li>
    </ol>
 
    <!-- Carousel items -->
        <div class="carousel-inner">
            
            <div class="item active">
        	   <div class="row">
            	  <div class="col-sm-3">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/01/wakanow_logo.jpg">
                    </a>
                  </div>

                  <div class="col-sm-3">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/01/google_logo.jpg">
                    </a>
                  </div>

                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/01/girl_effect_logo.jpg">
                    </a>
                  </div>

                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/01/exxonmobil_logo.jpg">
                    </a>
                  </div>
                  
               <div class="row">
                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/01/citi_logo.jpg">
                    </a>

                  </div>
                  </div>
                  </div>
                <div class="item active">
               <div class="row">

               <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/02/c24_logo.jpg">
                    </a>
                  </div>

                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/02/nike_foundation_logo.jpg">
                    </a>
                  </div>

                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2017/02/usaid_logo.jpg">
                    </a>
                  </div>      

                  <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2012/06/kappafrika.jpg">
                    </a>
                </div>

                <div class="col-sm-2">
                    <a href="#" class="">  
                        <img src="http://ellaecreative.com/wp-content/uploads/2012/06/kaptain-food.jpg">
                    </a>
                </div>

            </div>
        </div>

    <a data-slide="prev" href="#clients-carousel" class="left carousel-control">‹</a>
    <a data-slide="next" href="#clients-carousel" class="right carousel-control">›</a>
</div><!--.Carousel-->

Since its a boostrap frame, This is my custom css code

#clients-carousel .carousel-inner img{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

#clients-carousel .carousel-inner img:hover{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

#clients-carousel .carousel-control {
    background: none;
  opacity:0;
 
  
}
#clients-carousel .carousel-inner {
  width:1200px;
}
@media (max-width: 767px) {

#clients-carousel .carousel-inner img{
  width: 100px;
  height:auto;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
}

Donald3d:
Place your code here lets see . [s]Besides you people should learn to use frameworks like bootstrap. Why recreating what has already being created ,it helps save time.[/s]

He told you he wants to save time? He can build something better than bootstrap with the knowledge.

noordean:

He told you he wants to save time?
He can build something better than bootstrap with the knowledge.

Some people don't know the importance of frameworks ,so I told him about it .
A while ago someone complained about something similar,not knowing bootstrap could do it .
Why reinventing the wheel when you can improve on it.
Depends on what you are working on.
Funny enough its a bootstrap code

Donald3d:

Some people don't know the importance of frameworks ,so I told him about it .
A while ago someone complained about something similar,not knowing bootstrap could do it .
Why reinventing the wheel when you can improve on it.
Depends on what you are working on.
Funny enough its a bootstrap code

Yes it's true that some people don't know the importance of framework, meaning that they are probably beginners. Recommending frameworks to beginners is what I'm trying to correct.

I understand you better now bro.

technestng:
I made a carousel but on a mobile view the images displays Inline but when the control button is clicked on for it to slide. The images appear vertically (i.e the display isn't inline anymore). Please what line of code would be useful in changing this.

Check this http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

Dermie:


Check this http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

Thanks, but i have it figured out already.I believe this link will be useful for future projects

technestng:


Thanks, but i have it figured out already.I believe this link will be useful for future projects

You're welcome!