text - non responsive section of site with javascript -


i have section of site not being responsive. whole site responsive except 1 text portion. scrolling text java.

i have tried bunch of @media , size restrictions nothing works. part not work.

function initquotecarousel() {        var $quoteswrapper = $(".cust-quotes");      var $quotes = $quoteswrapper.find("blockquote");        if (!$quotes.length) {          return;      }        var selectnextquote = function () {          // keep move first quote in dom end make continous          var $quote = $quoteswrapper.find("blockquote:first").detach().appendto($quoteswrapper);            settimeout(selectnextquote, $quote.data("timeout"));      };        settimeout(selectnextquote, $quotes.filter(":first").data("timeout"));    }    $(function () {      initquotecarousel();  });
body {    font: 14px/20px arial,sans-serif;    color:#222;  }    .cust-quotes {    width: 640px;    height:100px;    position:relative;  }    .cust-quotes blockquote {    position: absolute;    bottom: 0px;    left: 0px;    right: 0px;    font-size: 14px;    text-align: center;    opacity: 0;    z-index: 0;    transition: opacity 0.5s ease-out 0s, transform 0.5s ease-in 0s;  }    /* ie < 10 fallback */  .no-csstransitions .cust-quotes blockquote,  .no-csstransforms .cust-quotes blockquote {     position:relative;  }    .cust-quotes blockquote:first-child {      opacity: 0;      transform: translatey(-10px) scale(1.1);  }  .cust-quotes blockquote:first-child + blockquote {      opacity: 1;      z-index: 1;      transition: opacity 1.6s ease 0s;  }  .cust-quotes blockquote p{    font-size:24px;    font-weight:normal;    font-style:italic;    color:#353535;    line-height: 30px;    margin-bottom: 10px;  }  .cust-quotes blockquote p:before {     content: '\201c';  }  .cust-quotes blockquote p:after {     content: '\201d';  }  .cust-quotes blockquote cite {      text-align: center;      font-size: 14px;      color: #898989;  }  .cust-quotes blockquote cite {    font-size:14px;    font-weight:normal;  }        .container {      max-width:940px;  margin:0 auto;      }    #testimonials {    margin:0 auto;    width:940px;    }
  <section id="testimonials">    <div class="cust-quotes">    <blockquote data-timeout="1800"><p>thank scott! our house cool once again.<br> have on speed dial! </p><cite>david creekmore</cite></blockquote>    <blockquote data-timeout="1800"><p>the heating/ac system got clean bill of health conrad's climate control today. awesome company.</p><cite>terry friar</cite></blockquote>    <blockquote data-timeout="1800"><p>scott conrad of conrad's climate control awesome! made service call in evening , got gas logs burning can enjoy great - if fake smile emoticon - fire on cold, cold evening! great service - highly recommend him!!</p><cite>marianne walston</cite></blockquote>  </div>    </section>


Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -