올려주신 페이지에서 메뉴에 상하 여백을 추가하고

테두리를 추가하고 싶으신 건지요?

아래의 CSS 코드를 활용해보시겠어요?

.main-header-menu a { padding: 20px 50px; }
.header-main-layout-2 .main-navigation ul { border-top: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; }
.main-header-menu li { border-left: 1px solid gray; }

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 코드를 추가해보세요.

레이아웃을 원하시는 대로 수정하실 때

HTML과 CSS 코드에 대해 알면 도움이 됩니다.

크롬 브라우저 개발자 도구(F12)를 활용하시면

CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

고맙습니다.