Luuk
Luuk

Reputation: 1999

padding jump in bxslider jquery css

I have got a little problem. I got a bxslider running on a website i am making. everything works properly until the slider starts at start again. It contains 3 slides, so after 2 clicks i am at slide 3. Once i click again on the "next button" it goes to slide 1. that is correct allthough it shifts up 30 pixels. I guess this is because i set my UL to padding-top to 30px. This is strange since i tell the whole UL to have a top padding.

I hope that someone can help me, it already took me over 2 hours to fix. the website we are talking about: http://welkommagazine.nl/luuk/

thanks in advance.
Luuk

Upvotes: 3

Views: 4696

Answers (2)

Banjer
Banjer

Reputation: 8300

Setting the padding and margin to 0 on the slider ul worked for me.

#slider {
padding: 0;
margin: 0;
}

Upvotes: 3

shanethehat
shanethehat

Reputation: 15570

Have you tried moving the padding onto the parent div?

Upvotes: 2

Related Questions