한가지 옥티라면 마우스를가져다 대면 기존 주메뉴 글씨가 안보입니다. 이부분만 해결하면 어떨 까요? 그리고 서브메뉴 글자가 길어서 두줄로 보이는 부분이 한줄로 보이면 더 깔끔 할 것 같습니다

대표님, 정말 예리하십니다! 그 두 가지가 바로 메뉴 디자인의 완성도를 결정짓는 아주 중요한 ‘디테일(옥에 티)’입니다.

두 가지 문제의 원인은 이렇습니다.

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

Leave a Comment