Hello, I'm creating a website, I've actually already been in the testing phase, it was normal when it was locally tested, but when I passed it to the host, it simply failed to configure the sliders.
Sliders HTML looks like this:
<!-- slider -->
<div class="slider">
<div class="socials">
<a href="http://www.facebook.com/barietoners" class="facebook-ico">facebook-ico</a>
<a href="#" class="twitter-ico">twitter-ico</a>
<a href="skype:[email protected]?chat" class="skype-ico">skype-ico</a>
<a href="#" class="rss-ico">rss-ico</a>
<div class="cl"> </div>
</div>
<div class="arrs">
<a href="#" class="prev-arr"></a>
<a href="#" class="next-arr"></a>
</div>
<ul>
<li id="img1">
<div class="slide-cnt">
<h4>Compre Online</h4>
<h2>Seu produto em 2 cliques</h2>
<p>Compre pela nossa loja virtual e receba seu produto sem precisar sair de casa! <a href="/loja">saiba mais</a></p>
</div>
<img src="css/images/mac-img.png" alt="manutencao de impressora em vinhedo" />
And his CSS looks like this:
.slider-holder { width: 320px; margin:0 auto; }
.slider { background-image:url(images/slider-mobile.png); padding:0 10px; width:300px; margin:0 auto; height: 388px;}
.slider .slide-cnt { width: 300px; float:none; display:block; padding-top: 12px; }
.slider h4 { display:none; }
.slider h2 { font-size: 38px; text-align: center; }
.slider p { color:#cee7f1; }
.slider ul li { width: 300px; }
.slider .socials { display:none; }
.slider img { float:none; display:block; margin:0 auto; width: 194px; height: 178px; }
I do not know if the problem might be in CSS or HTML, I have no idea why it only deconfigures that part.
And another note, the SOCIALS div simply disappears too ... The site is online, but I do not know if you can pass url here, I'm new, anyway, thank you.