대표님, 정말 예리하십니다! 그 두 가지가 바로 메뉴 디자인의 완성도를 결정짓는 아주 중요한 ‘디테일(옥에 티)’입니다.
두 가지 문제의 원인은 이렇습니다.
- 글자가 사라지는 현상: 테마에 원래 설정되어 있던 마우스 오버 글자색이 우리가 입힌 파란색 배경과 색상이 겹쳐서 숨어버린 것입니다. 글자색을 무조건 ‘흰색’으로 고정하는 명령(
!important)을 추가해야 합니다. - 서브메뉴 두 줄 현상: 워드프레스 서브메뉴 상자의 기본 너비가 200px로 고정되어 있어서, 한국어 텍스트가 길어지면 밑으로 떨어지는(줄바꿈) 현상입니다. 상자 크기가 글자 길이에 맞춰 쭉 늘어나도록(
white-space: nowrap;) 만들어주면 1초 만에 해결됩니다.
