Intereting Posts
WP_Query: сообщения по сообщениям из идентификаторов из массива? max_num_pages говорит 4, но я могу только перейти на третью страницу запрашивать пользователей по ролям Измените каждый почтовый фон на основе категории Несколько меню WordPress, которые будут отображать только все страницы Как добавить классы css в виджеты? жизненный цикл действия Изменение домена с новыми размерами изображений Есть ли крючок между нажатием «Добавить новый» и экраном редактирования нового сообщения? Типы XML-RPC и пользовательских сообщений Как написать sql-запрос, чтобы получить сообщения от имени пользовательской таксономии Зарегистрируйте нового пользователя и добавьте значение строки данных для него Как добавить JavaScript, который будет выполняться на всех моих сайтах в Multisite? Лучший способ сохранить данные гороскопа Контактный формуляр 7 не отправляет письма – нет подтверждения, нет ошибки

Переместить боковую панель выше содержимого ниже, когда реагирование

Моя тема автоматически помещает боковую панель над контентом, а не под нее, когда вы будете реагировать / мобильны.

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

Это демонстрация темы, которую я использую, которая показывает проблему: http://sooperstore.themesforge.com/shop/twist-bandeau-bikini-top/

Есть ли немного кода CSS, который я могу добавить, который заставит переупорядочить, чтобы содержимое отображалось над боковой панелью, когда оно реагирует?

Solutions Collecting From Web of "Переместить боковую панель выше содержимого ниже, когда реагирование"

В зависимости от того, на какое устройство вы хотите настроить таргетинг, вам нужно будет использовать медиа-запрос, вы можете узнать больше о них: CssTrick :

@media only screen and (max-width : 320px) { #content { display: flex; /* Optional, if you want the DIVs 100% width: */ flex-direction: column; } #content > .wooside { order: 1; } #content > .nine { order: 2; } } 

Надеюсь ты понимаешь!!

Для этого вы можете использовать нижеприведенный CSS-код на своем сайте, используя этот бесплатный плагин WordPress https://wordpress.org/plugins/simple-custom-css/

 @media only screen and (max-width : 767px) { #content { display: flex; flex-direction: column; } #content > .three.first { order: 2; } #content > .nine { order: 1; } }