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.


.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.



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 *