모바일 로고 사이즈 변경

http://skybom.net/

PC버전 로고 크기는 딱 적당합니다만

모바일 버전으로 넘어오니 PC화면에서 탑섹션에 삽입한 이미지위젯이 모바일에서는 메뉴로 넘어가고 로고사이즈가 PC 사이즈와 똑같아 모바일에서 보기에 불편함이 있어 

모바일버전 로고의 사이즈 변경과 로고위치를 가운데로 바꾸는 방법, 모바일에서 메뉴로 삽입된 이미지 위젯을 모바일에서 다시 메인 이미지에 놓을 수 있는 방법을 알고싶습니다

워드프레스나 CSS 완전 초보라서 도움 요청해봅니다 ㅠㅠ 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

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

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

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

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

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

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

     

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

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

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

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

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기