아티클 화면의 공간을 삭제하고 싶습니다.

Terry

November 30, 2022 08:04

안녕하세요, 현재 앱에서 스마트 기기로 직접 다이렉트되어 확인할 수 있는 헬프 센터를 제작 중에 있는데요,아래 화면에서 어떻게 하면 [Delete1], [Delete2], [Delete3] 항목에 해당하는 부분을 줄이거나 없앨 수 있는지 여쭤보고자 문의 드립니다.

[Delete1] = 헬프 센터 네비게이션 바 아래에 불필요한 공간 부분

[Delete2] = 검색창과 제목 사이에 존재하는 공간

[Delete3] = 제목과 본문 article 사이에 존재하는 빈 공간

2 Comments

이지훈
- November 30, 2022 08:48
안녕하세요.

가장 좋은 건 만들고 계신 헬프센터의 URL을 주시는게 가장 빠르게 알려 드릴 수 있는 방법입니다.

올려 주신 내용 기준으로 말씀 드리면, 크롬에서 개발자 도구를 켜시고 인스펙션 아이콘을 누르면 불필요한 공간의 속성 값이나 클래스를 확인할 수 있습니다.

클래스가 확인 되면 style.CSS 파일에서 해당 영역을 hide하거나 높이를 조정하시면 됩니다.

만약 모바일에서만 조정이 필요하면 아래와 같이 @media 규칙을 이용해서 해당 클래스의 디스플레이를 폭이 ~ 이하일 경우에는 조정할 수 있도록 처리할 수 있습니다.
```
@media (max-width: 768px) {
  .link {
    height: 1px;
    display: none;
  }
}
```
1
Terry
- December 01, 2022 03:55
감사합니다! 해결되었습니다.

0

Please sign in to leave a comment.

Powered by Zendesk