CODEWITHSUNDEEP
htmlcss
Ninja Boy
Ninja Boy

Reputation: 1170

Avoid horizontal scroll HTML web page

My website is primeauth.com and I have an issue. Just scroll to the right, it goes right away. I think there's some issue with the position or something.

Kindly help me with putting it like normal website like a box.

Kindly help!

Upvotes: 0

Views: 137

Answers (2)

AymDev
AymDev

Reputation: 7474

You have content moving "out of the box" at the #testimonials <section>.

You should use the overflow property to this container :

#testimonials {
    overflow-x: hidden;
}

overflow-x is for horizontal.
overflow-y is for vertical.
without axis, this will set for both.
MDN - overflow

You could apply this property to the body too but applying it to the container of your slider is a proper way to do it.

Upvotes: 4

Shinoy Shaji
Shinoy Shaji

Reputation: 397

Add this class to the "People are already section"

section.no-overflow{
          overflow-x: hidden;
                }

enter image description here

Upvotes: 1

Related Questions