<![CDATA[Форум ReadyScript — Перемещение элементов в зависимости от размера экрана]]> 2015-11-09T08:23:24Z PunBB https://forum.readyscript.ru/topic/527/peremeshchenie-elementov-v-zavisimosti-ot-razmera-ekrana/ <![CDATA[Re: Перемещение элементов в зависимости от размера экрана]]> Здравствуйте.
Теги <before> и <after> здесь абсолютно непричём. Всё перестроение происходит с помощью файлов CSS и технологии mediaQuery. В этом случае при изменении ширины экрана отрабатывает соответствующая конструкция с CSS. Например:

@media only screen and (max-width: 760px) {
    .searchContainer {
        margin-bottom: 130px;
    }   
}

Т.е. конструкция отработает когда экран будет равен или меньше 760 пикселей.

Файлы с CSS находятся в Вашей теме оформления в папке 960gs.

Для того, чтобы увидеть именно тот стиль который отрабатывает используйте FireBug в firefox. Там есть возможность посмотреть стиль если открыть сайт и нажать правой кнопкой мыши на нужном элементе выбрав "происпектировать элемент". И сжать размер экрана с помощью Ctrl+Shift+M

]]> https://forum.readyscript.ru/user/20/ 2015-11-09T08:23:24Z https://forum.readyscript.ru/post/2211/#p2211 <![CDATA[Перемещение элементов в зависимости от размера экрана]]> Добрый день!
Подскажите как поменять порядок отображения логотипа, блока авторизации, корзины и поиска в мобильной версии.
На мобильной версии поиск влезает между логотипом и блоком авторизации. Мне надо чтоб он отображался также как и в обычной версии после корзины. Они расположены в разных контейнерах, но все равно происходит перемещение в зависимости от размера экрана. Понимаю что это делают теги <before> и <after>, но никак не могу найти их в коде.

]]> https://forum.readyscript.ru/user/248/ 2015-11-06T23:17:35Z https://forum.readyscript.ru/post/2205/#p2205