1
We are facing a problem with caroufredsel, where the first time the site opens it loads perfectly, however when entering in cache and open it again occurs a F.O.U.C. and the elements are displayed for a few moments in vertical position.
In the documentation it is mentioned that an "overflow: Hidden" would solve the problem, but in our case it did not work.
Follows our code:
<div class="caroufredsel_wrapper" style="
display: block;
text-align: start;
float: none;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
width: 1170px;
height: 155px;
margin: 0px;
overflow: hidden;">
<div class="slider-politicas">
<div class="navegation-top"><span class="next">Next</span> <span class="prev">Prev</span></div>
<div class="block-content">
<ul>
<li>
<div class="block free-shipping">
<div class="block-title"><span>Free Shipping</span></div>
<div class="block-content">Free and fast Shipping.</div>
</div>
</li>
<li>
<div class="block secured-payment">
<div class="block-title"><span>Secure Payment</span></div>
<div class="block-content">Total payment protection.</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript">// <![CDATA[
$sns_jq(document).ready(function() {
$sns_jq('.slider-politicas .block-content ul').carouFredSel({
responsive: true,
width: '100%',
scroll: {
items: 1,
duration: 800
},
items: {
width: '290',
visible: {
min: 4,
max: 10
}
},
next: '.slider-politicas .prev',
prev: '.slider-politicas .next',
auto: true
});
});
// ]]></script>
</div>
And here our development site with the problem: http://www.comercialbv.com/
Managed to solve the problem?
– Sergio
I could not observe the problem on the page, I suppose that already normalized?
– Marcos Freitas
Hello friend, actually not yet, is that when first loading it does not occur, only after the page is cached. It may be easier to view on the categories pages: http://www.comercialbv.com/equipments-gastronomicos.html
– user3794698
Did you find a solution? Poste as an answer to help other people.
– Maniero