해결할 CSS 문제

Question

CSS와 관련하여 my site에 다음과 같은 문제점이 있습니다. 바탕 화면

B) 메뉴 - - 모바일 친절하게 이것에 대한 해결책 코드를 놔

은 두 개의 섹션

A) 메뉴가 있습니다.

A) 메뉴 - 바탕 화면

1. 이 하위 메뉴 정렬 - 메뉴 항목 아래, 그래서 서브 메뉴 (현재 하위 메뉴 보여 화면)

오른쪽으로 움직 오프 스크린 슬라이드 수 정렬

B) 메뉴 - 모바일 하위 메뉴

2. 메뉴 항목 텍스트는 하위 항목을 확장해야합니다. 즉, "About Us"를 클릭하고 하위 메뉴가 확장됩니다 (회사 소개, 리뷰, 연락처 등)
3. 메뉴 항목 ("About Us")을 다시 클릭하면 하위 메뉴가 접습니다. 따라서 다른 하위 메뉴 항목 ("서비스")을 클릭하면 첫 번째 하위 메뉴가 접히고 서비스가 확장됩니다. 한 번에 하나의 하위 메뉴 만 확장됩니다.

Answer 1

하위 메뉴 정렬 - 그래서 하위 메뉴가 오프 스크린 슬라이드 수 정렬 메뉴 항목 아래

style.css:1145 (현재 하위 메뉴 보여 화면 오른쪽으로 움직입니다) : - 패딩 왼쪽을 제거합니다.

.genesis-nav-menu .menu-item:hover > .sub-menu { 
    left: auto; 
    opacity: 1; 
}