모바일에서 고정푸터
본문
하단에 고정으로 전화하기 상담신청 이런 버튼 모바일에만 나오게 하려면 어디를 수정해야 하나요?
답변 3
/theme/basic/mobile/tail.php에
<div id="sticky">
<ul>
<li>버튼1</li>
<li>버튼2</li>
<li>버튼3</li>
</div>/theme/basic/css/mobile.css에
#sticky {position:fixed;bottom:0px;}
이렇게 만들어가시면 되겠습니다.
css에서 해당 스타일을 이렇게 묶어주는 방법도 있습니다
@media (min-width:601px) and (max-width:1300px) {
.sticky { display:none;}
}
@media (min-width:100px) and (max-width:600px) {
.sticky { display:inline!important;}
}
두분다 너무 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.