CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
Daniel Robinson
Daniel Robinson

Reputation: 653

jquery carousel for a bootstrap site covering my page on scroll

I have a carousel I downloaded running on one of my websites. Every time I scroll to the next window it covers up my navbar. Also if you scroll down to my price list and wait a moment then when the carousel scrolls it covers the page with a blank div. Can anybody see why? Its driving me mental, i'm sure it didn't do this when I first put it on.

I got the carousel here http://bootsnipp.com/snippets/featured/news-carousel

bootsnip is amazing by the way for anybody that uses bootstrap. My web link is http://www.parrotplanner.co.uk/

Ive tried looking through google dev tools but cant find anything. Many thanks guys

Upvotes: 4

Views: 458

Answers (3)

gempesaw
gempesaw

Reputation: 329

Is there an interaction between the large carousel at the top and the second reviews carousel that is halfway down the page ? When I deleted the #carousel-reviews div further down in the page, it oddly stopped the dark bar covering the <nav>.

Upvotes: 2

Kundan Sankhe
Kundan Sankhe

Reputation: 224

I found it's a bootstrap version issue, as original plugin having bootsrap 3.1.0 and your site having 3.3.2

see the difference between two files specially:

3.3.2

@media not all, (-webkit-transform-3d)
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

3.1.0

carousel-inner>.active {
    left: 0;
}

Upvotes: 1

Erick Lanford Xenes
Erick Lanford Xenes

Reputation: 1572

I have the same in my site dynamichealthit.com I think is Google Chrome issue, so maybe we need to wait for their upgrates. Also you can eliminate the carousel.

Upvotes: 1

Related Questions