모바일에서만 적용되는 CSS 코드를 추가하시려면

미디어 쿼리를 적용하시면 됩니다.

로고 크기를 줄이고 가운데 정렬하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보세요.

@media screen and (max-width: 600px) {
	#branding .identity { float: none; flex: 1; }
	a#logo > img { width: 100px; }
}

상황에 따라서는 테마 쪽 header.php 파일을 수정해야 할 수도 있습니다.

워드프레스에서 메뉴는 header.php 파일에서 있으며 테마에 따라서는

다른 파일에서 표시하고 있을 수도 있기 때문에

테마 관련해서는 테마 제작자에게도 문의해보시는 게 좋을 듯합니다.

고맙습니다.