Почему двигается меню сайта?

Question

[NicKerrr]

Есть меню сайта на бутстрепе

<nav class="navbar navbar-default navbar-fixed-top cost" role="navigation">
        <div class="container">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"><img class="logo-nav-img" src="images/logo.png"></a>
            </div>
            <div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
                <ul class="nav navbar-nav men-un">
                    <li class="hidden">
                        <a class="page-scroll" href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Меню 1</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#partners">Меню 1</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#price">Меню 1</a>
                    </li>
					<li>
                        <a class="page-scroll" href="#evidence">Меню 1</a>
                    </li>
					<li>
                        <a class="page-scroll" href="#contact">Меню 1</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

При активном модальном окне шапка сдвигается на ширину скролла, проблема из-за класса navbar-fixed-top.
В IE 11 работает отлично, потому что скролл поверх сайта работает, а в других браузерах двигается. Как решить проблему, чтобы в браузерах Chrome, Opera, Mozilla не дергалось?