Как изменить расположение сайтбара в моб версии?

[marusia19]

Здравствуйте!

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

сайт  — ikona-radoneg.ru

[klierik]

Здравствуйте. Попробуйте следующий код:

@media screen and (max-width: 767px) {
	.wrapper {
		display: flex;
		flex-direction: column;
	}
	
	.site-content {
		order: 2;
	}
	
	.widget-area {
		order: 1;
	}
}

[marusia19]

klierik

Спасибо вам большое!

Я как раз флексы начала изучать только, очень крутая штука)

А не подскажите ,каким свойством css можно задать, чтобы окна соц сетях на моб устройствах не отображались?

Edited May 21, 2018 by marusia19

[klierik]

16 часов назад, marusia19 сказал:

А не подскажите ,каким свойством css можно задать, чтобы окна соц сетях на моб устройствах не отображались?

Обсуждаемый нами сайт написан на WordPress. Блоки, о которых Вы говорите, — вставлены виджетами: http://take.ms/MMIcN

Предложенное мной решение не идеальное, но в Вашем случае оно будет работать:
 

@media screen and (max-width: 767px) {
	.widget-area #text-3,
	.widget-area #text-4 {
		display: none;
	}
}

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

[marusia19]

On 5/22/2018 at 12:37 PM, klierik said:

Обсуждаемый нами сайт написан на WordPress. Блоки, о которых Вы говорите, — вставлены виджетами: http://take.ms/MMIcN

Предложенное мной решение не идеальное, но в Вашем случае оно будет работать:
 

@media screen and (max-width: 767px) {
	.widget-area #text-3,
	.widget-area #text-4 {
		display: none;
	}
}

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

Сейчас в моб версии в виджете у сайтбара, отображаются рубрики так:

Spoiler

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

Spoiler