• Сергей
  • Новый участник
  • Неактивен
  • Откуда: Москва
  • Зарегистрирован: 28.10.2015
  • Сообщений: 3

Тема: Перемещение элементов в зависимости от размера экрана

Добрый день!
Подскажите как поменять порядок отображения логотипа, блока авторизации, корзины и поиска в мобильной версии.
На мобильной версии поиск влезает между логотипом и блоком авторизации. Мне надо чтоб он отображался также как и в обычной версии после корзины. Они расположены в разных контейнерах, но все равно происходит перемещение в зависимости от размера экрана. Понимаю что это делают теги <before> и <after>, но никак не могу найти их в коде.

СайтСергей

Повысить оценку Понизить оценку

  • Откуда: Краснодар
  • Зарегистрирован: 01.09.2014
  • Сообщений: 2,955
  • Рейтинг: 252

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

СайтАлександр

Повысить оценку Понизить оценку