If you are reading this post, probably your bootstrap modal looks like this screenshot above and you are searching for a fix.
First, why does this behavior occur?
The most common reason is that the modal container has a fixed or relative position or it is within an element with fixed or relative position.
The easiest way is to move the modal div outside the elements with special positioning. In our case (Asher theme), we’ll add it before the body tag:
Then place your modal button where you want it to appear in the theme: