모바일 메뉴 로고 넣기 css

/*  모바일 로고 넣기  -------------------  */

.mobile--nav-menu.show {
    background-color: #000000;
    background-image: url(https://maximagine.net/wp-content/uploads/2023/07/MAX-IMAGINE-%EB%A1%9C%EA%B3%A0.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 55px;
}

워드프레스 테마에 따라 좌측에서 나오는 메뉴에 썰렁하게 메뉴만 나올때가 많다..
로고가 멋지게 있었으면 좋겠는데 테마에서 지원을 하지 않아
달랑 메뉴만 나온다…😢

이런건 좀 기본으로 만들어줬으면 좋겠는데..ㅠ…
한참을 헤메다 방법을 찾았다..

css background 속성을 이용해서 모바일 메뉴 부분의 background 영역을 찾아
위 코드를 참고해서 로고를 넣어주면 된다..

물론 그대로 복사해서 넣으면 안되고 잘찾아서 테마에 맞게 해줘야한다..
다양한 값들로 크기나 위치 등을 조절할 수 있다..

와..이렇게 했더니 볼때마다 멋지게 로고가 나온다..
모바일 테마에 로고 넣기 성공!~~..😀😀😀