스크롤이 최상단에 있으면 위 사진처럼 상단에 하얀 선?이 생겨서 로고가 제대로 보이지 않고 모바일에선 메뉴가 안보입니다.
이 페이지에서만 그런거 보면 윤삼님의 ap_form 위젯 때문인거 같은데 어떻게 해결해야 하나요?
PHP | PHP 7.4 |
---|---|
CMS | Rhymix 2.1 |
스크롤이 최상단에 있으면 위 사진처럼 상단에 하얀 선?이 생겨서 로고가 제대로 보이지 않고 모바일에선 메뉴가 안보입니다.
이 페이지에서만 그런거 보면 윤삼님의 ap_form 위젯 때문인거 같은데 어떻게 해결해야 하나요?
먼저 답변감사드립니다.
이해를 할 수가 없네요.. .history는 다른 페이지에서 사용하는 css값인데 이것때문에 그런다니요??........
일단 해당부분 수정해서 고쳤습니다. 감사합니다.
윗분 말씀대로 history에서 margin문제네요.
파일은 /test/files/cache/assets/minified/layouts.firstkmt.assets.css.style.min.css 네요.
html에 붙어있는 클래스가 너무 많아서 css충돌이 있는걸로 보입니다.
해당 위젯에서 Modernizr를 사용하고 있습니다.
Modernizr는 기본적으로 브라우저에서 지원하는 기능을 감지한 뒤 html 태그의 class로 추가해주는 기능이 있습니다. 브라우저 히스토리 관련 기능을 지원해서 class history가 추가된건데 하필 이게 중복이 되고 있었던것으로 보입니다.
제일 좋은건 해당 위젯에서 Modernizr를 제거하는것입니다만(라이믹스도 원래 Modernizr를 내장했다가 사실상 브라우저끼리 기능 상향평준화가 된뒤 의미없는 자료가 되어서 제거했습니다) 힘드시면 레이아웃의 history 클래스를 수정하셔도 됩니다.
.history {
display: flex;
margin: 1.8rem 0 5.3rem;
}
이 부분에 margin 때문인 것 같기도 합니다.