Доброго времени суток, уважаемые гуру.
Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-)
Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я решил скрыть часть списка заголовков статей, что располагаются в левом сайдбаре и сделал возможность их открытия по ссылке "Read more…". Теперь этот сайдбар можно показывать всегда, но РАЗМЕСТИВ его ПЕРЕД правым сайдбаром
, с заимствованием ширины последнего. Как реализовать размещение левого сайдбара перед правым при разрешении дисплея вплоть до 1024px, а с 1025px возвращения его обратно в левую сторону?
Макет страницы https://jsfiddle.net/u0t72dgh/