엘리멘터 프로, 엘리멘터 킷

2. 상세 내용

첫번째 링크는

엘리멘터에서 모바일페이지를 수정을 했는데 자꾸 이렇게 글자가 겹칩니다 

캐시를 지우고 강제로 새로고침을하고 데이터를 재생성해도 바뀌질 않습니다.

두번째 링크는

데스크탑 해상도에서 스크롤이 두개가 생깁니다

const $body = document.querySelector('body');
    $header.addEventListener('click', (e) => {
        const { target } = e;
        if (target.classList.contains('elementskit-menu-hamburger')) {
            $body.style.overflowY = 'hidden';
            $body.style.height = '100vh';
        }
        else if (target.classList.contains('elementskit-menu-close') || target.classList.contains('elementskit-menu-overlay')) {
            $body.style.overflowY = 'scroll';
            $body.style.height = 'auto';
        }
    });
});

이걸 추가 후 이렇게 됐는데 뭐가 문젠질 잘 모르겠습니다.. 도움 부탁드립니다

3. 확인 가능한 상세 페이지 주소

첫번째 링크

: https://greatagcorp.co.kr/?page_id=159

두번째 링크

: https://greatagcorp.co.kr/?page_id=178

4. 수정한 코드 내역 (있다면)