Why does the layout shift when the modal is called?

Question

css

On the site , the language change is implemented through a modal window. So when the modal opens, the entire layout shifts ~15px to the left. I can't figure out where I screwed up. Can you tell me?

Answer 1

bootstrap, when the modal opens, adds body padding-right according to the scroll size and overflow: hidden
so that the page under the open modal does not scroll

.modal-open {
    overflow-y: auto !important;
}

because of this code, the scroll is not removed from you

Answer 2

It is better to fix only what has left. write down:

.modal-open ul.nav.navbar-nav.pull-right {
    padding-right: 17px;
}

ps and remove .modal-open {overflow-y: auto !important;}