모바일 화면에서 로고가 찌그러져 보입니다?

[tiwane1]

(어떤 카테고리에 넣어야 할지 확실하지 않아서 #general에 올립니다)

최근 사용자들로부터 모바일 기기에서 로고가 약간 눌려 보인다는 보고가 있었습니다. 모바일에서 로고가 표시되는 방식이 변경되었나요?

노트북 (Firefox):

모바일 (iOS Discourse 앱, Safari에서도 동일):

포럼 URL: https://forum.inaturalist.org/

[Don]

안녕하세요,

사이트를 확인해 보니 커스텀 CSS에서 로고 높이가 30px로 설정되어 있어 이 문제가 발생하는 것 같습니다.

.d-header #site-logo { 
  height: 30px;
}

아래와 같이 변경해 보세요:

.d-header #site-logo { 
  max-height: 30px;
}

또는

이 코드 조각을 Common에서 Desktop으로 이동하면 모바일에는 적용되지 않아 이 문제가 해결되는 것 같습니다.