Bootstrap 4
Bootstrap / CSS

Dropdown is causing horizontal scroll in Bootstrap 4

Bootstrap 4

In this tutorial, I am going to explain how can you easily solve the horizontal scroll problem with bootstrap 4 dropdown. You only need to add the given CSS to solve this issue.

CSS:

.dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

If you are facing a horizontal scroll problem with bootstrap 3 then you can try the same thing.

Thanks

Author

I am a Full Stack Web Developer. I have more than 8 years of experience in the web design and development industry.

Leave a Reply

Your email address will not be published. Required fields are marked *