User:Mikevoir/common.css

@media screen and (max-width: 1024px) {
	body {
		display: flex;
		flex-direction: column;
	}
	#mw-navigation {
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		position: absolute;
	}
	#mw-panel {
		position: unset;
		order: 1;
	}
	#mw-head {
		position: unset;
		order: 2;
		width: auto;
	}
	#mw-panel > nav,
	#left-navigation,
	#p-personal,
	#mw-navigation > h2 {
		display: none;
	}
	#content {
		order: 2
	}
	#right-navigation {
		margin: 0;
	}
	#p-logo {
		width: auto;
		height: auto;
		display: flex;
		margin: 0;
	}
	#p-logo > a {
		height: 5em;
	}
	#simpleSearch,
	#searchform,
	#p-search {
		width: 80vw;
		max-width: unset;
		min-width: unset;
		margin: 0;
	}
}