Shinso

Ох этот muse...
Вероятно они добавляются но там все задано в абсолютных значениях, и новые поля появляются строго под старыми, честно говоря самый простой вариант переписать попап заново.

Делай наоборот, на большом экране перемести правый влево а левый вправо, а затем на том же большом сделай им пуш и пулл чтобы переместить на нужные места.

<div class="row">
               <div class="col-xs-12 col-sm-12 col-lg-6 col-lg-push-6">
                  <h2 class="left-h2">Заголовок весь такой красивый</h2>
                  <p><a href="#" class="button-details button-details-light">Узнать подробности</a></p>
               </div>
               <div class="col-xs-12 col-sm-12 col-lg-6 col-lg-pull-6">
                  <p class="right-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae assumenda tempora natus, ad optio harum provident aperiam sint corporis qui fuga odit voluptatum est ea nam voluptates, laudantium, voluptas cum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique quia et quae optio est aliquid ratione natus rerum, soluta accusamus libero asperiores ducimus alias consectetur quasi suscipit tenetur quibusdam, ipsa!</p>
               </div>
            </div>

Ну мне дизайнер дает только десктопные версии, а дальше приходиться придумывать самому что и как адаптировать.

Закомментируй половину контента на сайте проверь не пропала ли прокрутка если пропала раскоментируй половину закомментированного а если не пропала то раскоменчиваешь закоментированое и и комментишь другую часть ну и так далее пока не найдешь.
Ну а когда нашел исправляешь фиксированное значение или просто прописываешь ему overflow-x: hidden;

Не знаю совсем ли в тему, но сам сейчас прохожу Бесплатный курс HTML5/CSS3 на https://vk.com/ninjafrontendseason1 в 7 уроке как раз начали верстать по макету, в материалах и макет выложен и в видео крайне подробно показано что и как делать.